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 de imagen suele incluir cuatro estados diferentes: activado, desactivado, presionado y al pasar por encima.
  Por ejemplo, una tabla de miniaturas que tiene una línea de cuatro columnas, cada miniatura corresponde a los estados Por defecto, Presionado, Pasar el ratón 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 emergentes de imágenes, todas las opciones se muestran simultáneamente (como los elementos del menú emergente), mientras que el botón de imagen muestra las opciones consecutivamente (a medida que el usuario hace clic en el botón).
  Aquí un ejemplo de un 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:

• Loop back to first frame
• Switch back when Released
• Switch when Roll Over
• Switch continuously on clicks
• Use Last Frame as Disabled
• Use Last frame as disabled

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

Propiedades soportadas

Negrita - Estilo de línea de borde - Inferior - Estilo botón - Clase - Columnas - Enfocable - Fuente - Color de fuente - Alto - Ayuda - Dimensionamiento horizontal - Itálica - Izquierda - Volver al primer marco - Nombre del objeto - Ruta - Derecha - Líneas - Atajo - Acción estándar - Vuelve a cambiar cuando se libere - Conmutar continuamente con clics - Cambiar cada x ticks - Título - Conmutar al pasar por encima - Superior - Tipo - Utilizar el último marco como desactivado - Variable o Expresión - Dimensionamiento vertical - Visibilidad - Ancho