< Anterior

Lección 5: Insertar imágenes en herramientas de perfil

En esta lección añadirá imágenes a un perfil y a sus herramientas.
Antes de empezar
Antes de empezar debe acceder a archivos gráficos, como por ejemplo un archivo GIF o JPG de 16 píxel x 16 píxel para los iconos que se muestran en la vista Explorador de proyectos así como un archivo SVG o GIF de 50 píxel x 50 píxel para las imágenes que se muestran en el editor de diagramas.
Por qué y cuándo se efectúa esta tarea
Como creador del perfil, cuando añade iconos e imágenes personalizados a un estereotipo en un perfil, los gráficos personalizados se visualizan en las ubicaciones siguientes de la herramienta de perfil generada:
Puede especificar un icono y un gráfico para identificar cada estereotipo creado. Cuando aplica el estereotipo a un elemento de modelo, el icono especificado se visualiza junto al nombre de estereotipo y el gráfico especificado sustituye al gráfico predeterminado para un elemento de diagrama en el editor de diagramas.
Nota: En esta lección, el nombre de archivo de icono llamado yellowA.gif se utiliza para el gráfico de icono y el archivo de imagen llamado greenA.gif se utiliza para la imagen de estereotipo <A>.

Para añadir imágenes personalizadas a un perfil:

  1. Cree un proyecto de plug-in de Herramientas de perfil en las lecciones 1 y 2.
  2. Mediante un programa de edición de gráficos, cree dos archivos gráficos para utilizarlos posteriormente en esta lección. Aunque el aspecto de los gráficos no es importante para esta guía de aprendizaje, será deseable que los gráficos creados se parezcan a los de la captura de pantalla que se muestra más adelante, en esta lección:
    1. Cree un icono de estereotipo pequeño para la vista Explorador de proyectos. Cree un a A mayúscula con un fondo amarillo, denomine el archivo como yellowA.gif y asegúrese de que sea un archivo GIF de 16 píxel x 16 píxel.
    2. Cree una imagen para el editor de diagramas. Cree un a A mayúscula con un fondo verde, denomine el archivo como greenA.gif y asegúrese de que sea un archivo GIF de 50 píxel x 50 píxel.
      Nota: No es necesario que estos archivos de imagen residan en su directorio de proyecto; puede examinar en el sistema de archivos local para buscar las imágenes.
    3. Cree un icono de estereotipo pequeño para que aparezca en la pestaña Propiedad de un estereotipo en la vista Propiedades. Cree un a A mayúscula con un fondo naranja, denomine el archivo como orangeA.gif y asegúrese de que sea un archivo GIF de 16 píxel x 16 píxel.
      Importante: Este archivo debe residir en el paquete del proyecto de plug-in de herramientas de perfil. Antes de personalizar la pestaña Propiedad, debe importar este gráfico en el proyecto de plug-in de herramientas de perfil (por ejemplo, icons/orangeA.gif).
  3. Para añadir un icono y una imagen a un estereotipo, en la vista Explorador de proyectos, en la carpeta Perfiles, navegue al estereotipo (por ejemplo, <<A>>).
  4. En la vista Propiedades, pulse la pestaña General; en el campo Icono, navegue a y especifique la ubicación del archivo yellowA.gif.
  5. En la vista Propiedades, pulse la pestaña General; en el campo Imagen de forma, navegue a y especifique la ubicación del archivo greenA.gif.
  6. Pulse Archivo > Guardar.
  7. En la vista Explorador de proyectos, bajo Perfiles, pulse con el botón derecho sobre Mi perfil y a continuación, pulse Generar modelo de herramientas de perfil.
    Nota: Si se generó el modelo de herramientas, debe actualizar el modelo de herramientas después de añadir las imágenes al perfil. Sin embargo, en la ventana de comparación-fusión visual, puede sobrescribir cualesquiera personalizaciones realizadas al modelo de herramientas de perfil.
  8. Para añadir una imagen personalizada a la pestaña Propiedad de un estereotipo, asegúrese de que la imagen esté disponible en el paquete del proyecto de plug-in de herramientas de perfilado. Antes de personalizar la pestaña Propiedad, importe la imagen orangeA.gif en el directorio de iconos del proyecto.
  9. En la vista Explorador de proyectos, abra el modelo de herramientas Mi perfil y expanda los elementos siguientes: el paquete de propiedades <<Properties>> y las pestañas de propiedades <<PropertyTabs>> .
  10. Seleccione la pestaña de propiedades para el elemento para el que desea añadir un icono personalizado: <<PropertyTab>> <A> Actor.
  11. En la vista Propiedades, seleccione la pestaña PropertyTab.
  12. Establezca el valor de la propiedad de imagen en la ubicación del icono personalizado: icons/orangeA.gif.
  13. Para sangrar la pestaña Propiedad, puede especificar True para la propiedad de sangrado. La figura siguiente muestra las propiedades resultantes para <<PropertyTab>><A> Actor.Ventana de propiedades para <<PropertTab>><A> Actor.
  14. Pulse Archivo > Guardar.
  15. En la vista Explorador de proyectos, pulse con el botón derecho secundario del ratón sobre el modelo de herramientas y a continuación pulse Generar herramientas.
Ejemplo

Cuando despliega el plug-in de herramientas de perfil y crea un modelo nuevo basado en este perfil, las imágenes personalizadas se visualizan en el editor de diagramas, la vista Explorador de proyectos, la Paleta, la vista Esquema y la vista Propiedades y deben tener un aspecto parecido al de la figura siguiente: Imágenes personalizadas en el editor de diagramas así como en las vistas Explorador de proyectos, Paleta, Esquema y Propiedades.

< Anterior

Comentarios