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.
  Aquí un ejemplo de un botón imagen.
  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:

• Retroceder al primer cuadro
• Retroceder al soltar
• Alternar al pasar el ratón por encima
• Alternar continuamente al hacer clic
• Usar el último fotograma como desactivado
• Usar último fotograma 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 displa La numeración de las imágenes en la tabla empieza por 0. 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 - Enfocable - Fuente - Color de fuente - Altura - Mensaje de ayuda - Tamaño horizontal - Cursiva - Izquierda - Volver al primer cuadro - Nombre del objeto - Ruta - Derecha - Líneas - Atajo - Accción estándar - Volver a cambiar cuando se suelte - Cambiar continuamente al hacer clic - Cambiar cada x tics - Título - Cambiar al voltear - Superior - Tipo - Utilizar el último cuadro como desactivado - Variable o expresión - Dimensionamiento vertical - Visibilidad - Ancho