# Creación de iconos para el escritorio

Los iconos del escritorio están asociados con:

- Los archivos de acción y los tipos de datos del Gestor de archivos y del Gestor de aplicaciones

- Los controles del Panel frontal

- Las ventanas minimizadas de la aplicación

- Los gráficos utilizados por las aplicaciones, como por ejemplo las paletas y las barras de herramientas

- El fondo del espacio de trabajo

  SAG.CrIcn.mkr.3
  SAG.CrIcn.mkr.8
  SAG.CrIcn.mkr.9

La documentación del entorno de programación contiene información adicional sobre los iconos del escritorio. Consulte el Capítulo 4, “Visual Design” del manual Style Guide and Certification Checklist.

## Archivos de imágenes de iconos

Para que el escritorio utilice una imagen de icono, el archivo imágenes de icono debe:

- Tener el formato correcto.

- Utilizar los convenios de denominación de archivo correctos.

- Utilizar los convenios de tamaño del escritorio.

- Estar ubicado en un directorio de la ruta de búsqueda de iconos.

- Llamarse mediante la estructura de escritorio que utilice la sintaxis correcta. Por ejemplo, si se crea un nuevo control para el Panel frontal, se deberá utilizar el campo `ICON` de la definición de Panel frontal para especificar la imagen de icono que se debe utilizar para el control.

###
Formatos de los archivos de iconos

Para una pantalla de color, utilice los archivos de iconos de formato de mapa de pixels de X (XPM), que normalmente tienen un sufijo `.pm`. De lo contrario, utilice los archivos de formato de mapa de bits de X (XBM), que normalmente tienen un sufijo `.bm`. Si se utiliza la transparencia en el archivo de mapa de pixels, se genera un archivo de máscara (`_m.bm`) al crear el archivo `.bm`. Consulte la sección SAG.Datab.mkr.13 para obtener más información sobre cómo busca el escritorio dichos archivos.

###
Nombres de los archivos de iconos

Cada icono e imagen de fondo se almacena como un archivo independiente. Normalmente, un icono se especificar con la parte base de su nombre de archivo. Por ejemplo, se puede hacer referencia a un icono con el nombre correo cuando el archivo se almacena realmente como:

`/usr/dt/appconfig/icons/idioma/correo.l.pm`

El convenio de denominación de archivos de añadir sufijos ayuda a agrupar los iconos por tamaños y tipos. Los nombres de icono para los componentes del escritorio tienen estos formatos generales:

nombre base.tamaño.formato

O

nombre base.formato

donde:

nombre base | Nombre base de la imagen utilizado para hacer referencia a la imagen
tamaño | Una letra que indica el tamaño: `l` (grande) `m` (mediano) `s` (pequeño) `t` (diminuto)
formato | Formato del archivo: `pm` (mapa de pixels) `bm` (mapa de bits)

### Convenios de tamaño de los iconos

La sag.cricn.mkr.5 muestra las dimensiones de pixel recomendadas para los iconos del escritorio

### Tamaños de icono y nombres de archivo

`Tamaño del icono` | `Nombre de mapa de bits` | `Nombre de mapa de pixels`
16 por 16 (diminuto) | nombre`.t.bm` | nombre`.t.pm`
24 por 24 (pequeño) | nombre`.s.bm` | nombre`.s.pm`
32 por 32 (mediano) | nombre`.m.bm` | nombre`.m.pm`
48 por 48 (grande) | nombre`.l.bm` | nombre`.l.pm`

.

La SAG.CrIcn.mkr.7 muestra los tamaños de icono utilizados por los componentes del escritorio. En algunos casos, el tamaño del icono utilizado depende de la resolución de la pantalla.

### Componentes de escritorio y sus tamaños de icono

`Componente de escritorio` | `Resolución alta` | `Resolución media` | `Resolución baja`
Gestor de archivos y Gestor de aplicaciones (Vista por nombre e icono) | mediano | mediano | mediano
Gestor de archivos y Gestor de aplicaciones (Vista por nombre e icono pequeño) | diminuto | diminuto | diminuto
Controles principales del Panel frontal | grande | grande | mediano
Subpaneles del Panel frontal | mediano | mediano | diminuto
Controles de conmutación del Panel frontal | pequeño | pequeño | diminuto
Ventanas minimizadas | grande | grande | mediano

Por ejemplo, si especifica un icono llamado correo para un tipo de datos, tiene una pantalla de color y ha establecido las preferencias del Gestor de archivos en iconos pequeños, la imagen de icono utilizada es `correo.t.pm`.

###
Ruta de búsqueda de iconos

El escritorio busca un archivo de iconos, o una imagen, realizando una búsqueda del archivo en una lista de directorios. Esta lista de directorios, llamada ruta de búsqueda de iconos, se determina mediante el valor de diversas variables de entorno. En la sección SAG.Datab.mkr.13, se describen las variables utilizadas y el modo en que se combinan para crear la ruta de búsqueda de iconos.

La ruta de búsqueda predeterminada es:

- Iconos incorporados: `/usr/dt/appconfig/icons/`idioma

- Iconos accesibles en el sistema: `/etc/dt/appconfig/icons/`idioma

- Iconos personales: DirectorioInicio`/.dt/icons`

### Acceso a los iconos a través de la red

El escritorio puede acceder a iconos de sistemas remotos. Para obtener información sobre cómo crear un servidor de iconos, consulte la sección SAG.ClSrv.mkr.16.

## Asociaciones de iconos

Para poder reconocer los objetos con más rapidez, se pueden asociar los iconos con:

- Las acciones y los tipos de datos

- Los controles del panel frontal y de los subpaneles

- Las ventanas minimizadas de la aplicación

### Especificación de archivos de iconos

Para los iconos utilizados para las acciones, los tipos de datos y en el Panel frontal o los subpaneles, especifique sólo el nombre base del icono (sin sufijos). Los sufijos correctos se añaden automáticamente según la resolución de la pantalla, el soporte de color y las opciones de vista del Gestor de archivos (como por ejemplo, Por iconos pequeños).

Para alterar temporalmente la ruta de búsqueda, proporcione la ruta completa y el nombre del icono.

### Asociar un icono con una acción o un tipo de datos

1. Especifique el icono utilizando el campo `ICON`.

   Si sigue los convenios de denominación apropiados para los archivos de iconos, especifique sólo el nombre base del icono. Se mostrará el icono correcto, en función de la resolución y del soporte de color de la pantalla.

2. Cree los siguientes tamaños de icono:

   - Acciones: grande, mediano y diminuto

   - Tipos de datos: mediano y diminuto

#### Ejemplo de una definición de acción

El ejemplo siguiente es una definición de acción para iniciar la herramienta de dibujo Island PaintTM. Los iconos `Ipaint.l` e `Ipaint.s` están asociados con la acción.

    ACTION IslandPaintOpenDoc
    {
       WINDOW_TYPE  NO-STDIO
       ICON         Ipaint
       EXEC_STRING  /usr/bin/IslandPaint %Arg_1"Archivo a abrir:"%
    }

Si está utilizando iconos de color, el escritorio añade primero `.pm` cuando busca los archivos de iconos reales. De lo contrario (o en el caso de no encontrar ninguna coincidencia con `.pm`), el escritorio añade `.bm`.

##### Ejemplo de definición de tipo de datos

La siguiente definición de tipo de datos asocia los iconos `comprsd.l` y `comprsd.s` con archivos comprimidos:

    DATA_ATTRIBUTES COMPRESSED
    {
       ICON         comprsd
       ACTIONS      Uncompress
       DESCRIPTION  Se ha comprimido un archivo COMPRESSED mediante el \
                    mandato 'compress' para ocupar menos espacio.
    }

### Mostrar un icono en un control del Panel frontal

1. Especifique el nombre de imagen utilizando el campo `ICON`.

   Si el control supervisa un archivo (`MONITOR_TYPE` está establecido en correo o archivo), utilice el campo `ALTERNATE_ICON` para especificar los iconos utilizados cuando se detecte el cambio.

   También se puede proporcionar animación para los botones y los controles de la zona de soltar.

2. Cree los siguientes tamaños de icono:

   - Panel frontal y subpaneles: grande, mediano y diminuto

   - Conmutador de espacio de trabajo: pequeño

#### Ejemplo

El control siguiente cambia de aspecto cuando se pone un archivo llamado `report` en el directorio `/doc/ftp/pub/`. Cuando el archivo no está en dicho directorio, se muestra el icono `NoReport.pm`; cuando el archivo se encuentra allí, se muestra `Report.pm`.

    CONTROL MonitorReport
    {
       CONTAINER_NAME nombre_contenedor
       TYPE           ICON
       MONITOR_TYPE   file
       FILE_NAME      /doc/ftp/pub/report
       ICON           NoReport
       ALTERNATE_ICON Report
    }

### Asociar un icono con una ventana de la aplicación

1. Establezca el recurso iconImage para el Gestor de espacios de trabajo del siguiente modo:

   `Dtwm*nombrecliente*iconImage`: nombre_archivo_iconos

   Para determinar el valor correcto de nombrecliente, abra el Gestor de aplicaciones y pulse dos veces Propiedades de la ventana en el grupo de aplicaciones Herramientas_Escritorio. Cuando seleccione una ventana, se listarán sus propiedades. La propiedad
   propiedad WM_CLASS muestra el nombre de clase de la ventana entre comillas.

   Para obtener más información sobre cómo establecer recursos, consulte la sección SAG.FACol.mkr.2.

2. Elija Reiniciar el Gestor de espacio de trabajo en el menú Espacio de trabajo.

Para verificar si el Gestor de espacios de trabajo ha reconocido el icono, minimice la ventana cuyo icono está intentando modificar.

Algunas aplicaciones no permiten alterar temporalmente el icono de ventana predeterminado.

### Utilizar el Gestor de archivos como examinador de icono

1. Copie el archivo `/usr/dt/examples/types/`idioma`/IconBrowse.dt` en el directorio DirectorioInicio`/.dt/types/Iconbrowse.dt`.

2. Abra el Gestor de aplicaciones y pulse dos veces Recargar acciones en el grupo de aplicaciones Herramientas_Escritorio.

Cuando cambie a un directorio que contiene iconos (archivos `.bm` y `.pm`), cada icono se mostrará junto a su nombre. Por ejemplo, si cambia al directorio `/usr/dt/appconfig/icons/`idioma, verá muchos de los iconos del escritorio.

Si se habilita el examen de iconos en sistemas de baja memoria, es posible que el Gestor de archivos muestre los directorios con más lentitud. En la configuración predeterminada no se muestran imágenes cuyo tamaño sea mayor que 256 x 256.

Para inhabilitar el examen de iconos:

1. Elimine la copia personal del archivo `IconBrowse.dt`.

2. Abra el Gestor de aplicaciones y pulse dos veces Recargar acciones en el grupo de aplicaciones Herramientas_Escritorio.

## Recomendaciones para el diseño de iconos

Utilice un tema común entre los iconos relacionados. Por ejemplo, si está diseñando iconos para una aplicación, establezca similitudes que tengan significado entre el icono de la aplicación y los iconos para los archivos de datos.

Asegúrese de que sea aceptable la versión de dos colores de cualquier icono de color que diseñe. Si el icono se muestra en una pantalla monocroma o de escala de grises (o si no se dispone de suficientes colores), el icono se muestra automáticamente en su formato de dos colores.

Para conservar el uso de colores del sistema, procure limitar el uso de colores para iconos a aquellos iconos proporcionados por el escritorio. (Los iconos creados utilizando el Editor de iconos sólo utilizarán los colores del escritorio).

Para conocer los tamaños utilizados por los componentes del escritorio, consulte la SAG.CrIcn.mkr.5.

### Uso de colores

Los iconos del escritorio utilizan una paleta de 22 colores que incluyen:

- Ocho grises estáticos

- Ocho colores estáticos: rojo, azul, verde, cian, magenta, amarillo, negro y blanco

- Seis colores dinámicos: primer plano, de fondo, sombreado superior, sombreado inferior, de selección y transparente

Esta paleta crea iconos atrayentes fáciles de leer sin tomar los recursos de color necesarios para otras aplicaciones. Las mayoría de los iconos proporcionados con el escritorio utilizan grises con acentos de color.

El color transparente es útil para crear iconos que parecen no ser rectangulares porque el color que hay detrás del icono se transparenta.