Botón Imagen

Un botón imagen es similar a un botón estándar. Sin embargo, a diferencia de un botón estándar (que acepta tres estados: activado, desactivado y pulsado), un botón imagen tiene una imagen diferente para representar cada estado.

Los botones imagen pueden utilizarse de dos maneras:

• Como botones de comando en un formulario. En este caso, el botón imagen generalmente incluye cuatro estados diferentes: activado, desactivado, presionado y pasado por encima.
  Por ejemplo, una tabla de miniaturas que tiene una línea de cuatro columnas, cada una de las miniaturas corresponde a los estados Por defecto, Presionado, Pasado por encima y Desactivado.

  Propiedad	Nombre JSON	Valor
  Rows	rowCount	1
  Columnas	columnCount	4
  Switch back when Released	switchBackWhenReleased	true
  Switch when Roll Over	switchWhenRollover	true
  Use Last Frame as Disabled	useLastFrameAsDisabled	true

• Como botón de imagen que permite al usuario elegir entre varias opciones. En este caso, se puede utilizar un botón de imagen en lugar de un menú de imagen emergente. Con los Menús emergergentes imagen, todas las opciones se muestran simultáneamente (como los elementos del menú emergente), mientras que un botón imagen muestra las opciones consecutivamente (a medida que el usuario hace clic en el botón).
  Este es un ejemplo de botón imagen. Supongamos que quiere dar a los usuarios de una aplicación personalizada la posibilidad de elegir el idioma de la interfaz de la aplicación. La opción se implementa como un botón imagen en una caja de diálogo personalizada de propiedades:

Al hacer clic en el objeto, la imagen cambia.

Utilizar los botones imagen

Puede implementar un botón imagen de la siguiente manera:

1. En primer lugar, prepare un único gráfico en el que las series de imágenes estén dispuestas en líneas, en columnas o en las dos.

   

Puede organizar las imágenes en columnas, líneas o en una cuadrícula (como se muestra arriba). Cuando se organizan las imágenes en forma de cuadrícula, se numeran de izquierda a derecha, línea por línea, empezando por 0. Por ejemplo, la segunda imagen de la segunda línea de una cuadrícula que consta de dos líneas y tres columnas, tiene el número 4 (la bandera del Reino Unido en el ejemplo anterior).

2. A continuación, asegúrese de que la imagen está en los recursos de su proyecto e introduzca la ruta en la propiedad Ruta de acceso imagen.

3. Defina las propiedades de líneas y columnas del gráfico.

4. Especifique cuándo cambian las imágenes seleccionando las propiedades de animación apropiadas.

Animación

Además de los parámetros de posicionamiento y de apariencia estándar, puede definir algunas propiedades específicas para los botones imagen, especialmente en lo que respecta a cómo y cuándo se muestran las imágenes. Estas opciones de propiedades pueden combinarse para mejorar sus botones de imagen.

• Por defecto (cuando no se selecciona la opción animación), un botón de imagen muestra la siguiente imagen de la serie cuando el usuario hace clic; muestra la imagen anterior de la serie cuando el usuario mantiene pulsada la tecla Mayúsculas y hace clic en el botón. Cuando el usuario llega a la última imagen de la serie, la imagen no cambia cuando el usuario hace clic de nuevo. En otras palabras, no vuelve a la primera imagen de la serie.

Hay otros modos disponibles:

• Vuelve a la primera secuencia
• Switch back when Released
• Switch when Roll Over
• Desplazamiento continuo en clics
• Use Last Frame as Disabled
• Utilizar el Último cuadro como Desactivado

Use Last frame as disabled > The associated variable of the picture button returns the index number, in the thumbnail table, of the current picture displayed. La numeración de las imágenes en la tabla empieza por 0.

Propiedades soportadas

Negrita - Estilo de línea de borde - Inferior - Estilo de botón - Clase - Columnas - Focalizable - Fuente - Color de fuente - Altura - Consejo de ayuda - Tamaño horizontal - Cursiva - Izquierda - Retroceder al primer fotograma - Nombre de objeto - Nombre de ruta - Derecha - Filas - Acceso directo - Acción estándar - Retroceder al soltar - Cambiar continuamente al hacer clic - Cambiar cada x ticks - Título - Cambiar al pasar el ratón por encima - Superior - Tipo - Usar el último fotograma como desactivado - Variable o expresión - Tamaño vertical - Visibilidad - Ancho