< Anterior

Lição 5: Inserir Imagens no Conjunto de Ferramentas do Perfil

Nesta lição, você inclui imagens a um perfil e ao seu conjunto de ferramentas.
Antes de começar, você precisa acessar arquivos gráficos, como um arquivo GIF ou JPG de 16 x 16 pixels, para os ícones que são exibidos na visualização Explorador de Projetos, bem como um arquivo SVG ou GIF de 50 x 50 pixels para as imagens exibidas no editor de diagramas.
Quando você, como um autor de perfil, inclui ícones e imagens customizadas a um estereótipo em um perfil, os gráficos customizados são exibidos nos seguintes locais do conjunto de ferramentas de perfil gerado:
É possível especificar um ícone e um gráfico para identificar cada estereótipo criado. Quando você aplica o estereótipo a um elemento de modelo, o ícone especificado é exibido ao lado do nome do estereótipo e o gráfico especificado substitui o gráfico padrão para um elemento de diagrama no editor de diagramas.
Nota: Nesta lição, o arquivo de ícones denominado yellowA.gif é usado para o gráfico de ícones e o arquivo de imagem denominado greenA.gif é usado para a imagem de Esteriótipo <A>.

Para incluir imagens customizadas em um perfil:

  1. Crie um novo projeto de plug-in Conjunto de Ferramentas de Perfil, conforme descrito na Lição 1 e na Lição 2.
  2. Usando um programa de edição de gráficos, crie dois arquivos gráficos para usar posteriormente nesta lição. Embora a aparência dos gráficos não seja importante para este tutorial, convém criar gráficos semelhantes àqueles da captura de tela que será exibida posteriormente nesta lição:
    1. Crie um ícone de estereótipo pequeno para a visualização do Explorador de Projetos. Crie uma letra maiúscula A com um plano de fundo amarelo, dê o nome yellowA.gif ao arquivo e certifique-se de que seja um arquivo GIF de 16 x 16 pixels.
    2. Crie uma imagem para o editor de diagramas. Crie uma letra maiúscula A com um plano de fundo verde, dê o nome greenA.gif ao arquivo e certifique-se de que seja um arquivo GIF de 50 x 50 pixels.
      Nota: Esses arquivos de imagem não precisam residir no diretório do projeto; é possível navegar para o sistema de arquivos local para localizar as imagens.
    3. Crie um ícone de estereótipo pequeno para ser exibido na guia Propriedade de um estereótipo na visualização Propriedades. Crie uma letra maiúscula A com um plano de fundo laranja, dê o nome orangeA.gif ao arquivo e certifique-se de que seja um arquivo GIF de 16 x 16 pixels.
      Importante: Esse arquivo deve residir no pacote do projeto de plug-in Conjunto de Ferramentas de Perfil. Antes de customizar a guia Propriedade, importe este gráfico para o projeto de plug-in do conjunto de ferramentas de perfil (por exemplo, icons/orangeA.gif).
  3. Para incluir um ícone e uma imagem em um estereótipo, na visualização do Explorador de Projetos, na pasta Perfis, navegue para o estereótipo (por exemplo, <<A>>).
  4. Na visualização Propriedades, clique na guia Geral; no campo Ícone, navegue para o local do arquivo yellowA.gif e especifique-o.
  5. Na visualização Propriedades, clique na guia Geral; no campo Imagem da Forma, navegue para o local do arquivo greenA.gif e especifique-o.
  6. Clique em Arquivo > Salvar.
  7. Na visualização do Explorador de Projetos, em Perfis, clique com o botão direito do mouse em Meu Perfil; em seguida, clique em Gerar Modelo do Conjunto de Ferramentas de Perfil.
    Nota: Se o modelo do conjunto de ferramentas tiver sido gerado, você deverá atualizar o modelo do conjunto de ferramentas depois que incluir a imagem no perfil. No entanto, na janela visual compare-merge, será possível sobrescrever todas as customizações feitas no modelo do conjunto de ferramentas de perfil.
  8. Para incluir uma imagem customizada na guia Propriedade de um estereótipo, certifique-se de que a imagem esteja disponível no projeto de plug-in do conjunto de ferramentas de perfil. Antes de customizar a guia Propriedade, importe a imagem orangeA.gif para o diretório de ícones do projeto.
  9. Na visualização do Explorador de Projetos, abra o modelo de conjunto de ferramentas Meu Perfil e expanda os seguintes elementos: pacote <<Properties>> Properties e guias <<PropertyTabs>> Property.
  10. Selecione a guia Propriedade do elemento para o qual incluir um ícone customizado: <<PropertyTab>> <A> Actor.
  11. Na visualização Propriedades, selecione a guia PropertyTab.
  12. Configure o valor da propriedade da imagem para o local do ícone customizado: icons/orangeA.gif.
  13. Para indentar a guia Propriedade, você pode especificar True para a propriedade indentada. A seguinte figura mostra as propriedades resultantes para <<PropertyTab>><A> Actor.Janela Propriedades para a <<PropertTab>><A> Actor.
  14. Clique em Arquivo > Salvar.
  15. Na visualização Explorador de Projetos, clique com o botão direito do mouse no modelo do conjunto de ferramentas e, em seguida, clique em Gerar Conjunto de Ferramentas.

Quando você implementa o plug-in Conjunto de Ferramentas de Perfil e implementa um novo modelo com base nesse perfil, as imagens customizadas são exibidas no editor de diagramas e nas visualizações Explorador de Projetos, Paleta, Estrutura de Tópicos e Propriedades e devem ser semelhantes à seguinte figura: Imagens customizadas no editor de diagramas e as visualizações Explorador de Projetos, Paleta, Estrutura de Tópicos e Propriedades.