AYUDA EN LÍNEA
 WINDEV, WEBDEV Y WINDEV MOBILE
Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Botón
  • Presentación
  • Imágenes associated con un botón en un Page
  • Image de estilo botón y CSS
  • Image de botón y opciones específicas
  • Configuración avanzada de imágenes
  • Image de botón multilingüe
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Imágenes y botones
Presentación
WINDEV, WEBDEV y WINDEV Mobile incluyen muchas características para mejorar la apariencia de las aplicaciones y sitios.
WEBDEV - Código Servidor En una página, puede definir las imágenes que se utilizarán en la control desde las opciones de estilo CSS. También puede utilizar diferentes tipos de imágenes para la control.
La mayoría de estas opciones pueden definirse en las pestañas "General" y "Estilo" de la ventana del control description.
Imágenes associated con un botón en un Page
WEBDEV - Código Servidor En una página, las imágenes associated con un botón se pueden definir en el estilo de botón:
  • mediante el estilo CSS (elemento "Botón CSS" de la pestaña "Estilo" del control description).
  • a través de las opciones de imagen (elemento "Botón (Imágenes)" de la pestaña "Estilo" del control description).
WEBDEV - Código Servidor

Image de estilo botón y CSS

Para definir la imagen associated con el botón a través del estilo CSS:
  1. Vaya a la pestaña "Estilo" de la ventana de control description.
  2. Seleccione el elemento "Botón (CSS).
  3. Mostrar las opciones avanzadas (enlace "Más opciones").
  4. En la pestaña "Fondo", tiene la posibilidad de definir el Image utilizado y sus características.
WEBDEV - Código Servidor

Image de botón y opciones específicas

Para definir la imagen associated con el botón a través de las opciones WEBDEV:
  1. Vaya a la pestaña "Estilo" de la ventana de control description.
  2. Seleccione el elemento "Botón (Imágenes).
  3. Se pueden utilizar dos tipos de imágenes:
    • Una imagen set.
      Esta imagen set contiene:
      • horizontalmente: los diferentes estados del botón: inactiva, pulsada, Grayed, seleccionada, rondando.
      • verticalmente: los diferentes estados de la animación de los botones (se recomiendan 5 o 6 pasos).
    • Imágenes independientes. En este caso, sólo se admiten las imágenes del estado Normal y del estado hovered.
      • Normal: esta Image se utilizará para representar el botón.
      • Sobre: esta Image se mostrará cuando el cursor del ratón pase por encima del botón. Si no se especifica esta Image, no habrá efecto hover.
      • La opción "Catálogo" del botón Botón desplegable permite elegir los dos tipos de imágenes a partir de una biblioteca de imágenes proporcionada con WEBDEV. Para ello:
        1. Haga clic en el botón Botón desplegable y seleccione "Catálogo".
        2. Seleccione el tema "".
        3. Seleccione "Botones gráficos".
        4. Seleccione el botón deseado.
        5. Validar, especificar las características de la Image para generar y validar. Las dos imágenes se copian automáticamente en el proyecto y se asignan al botón.
      • La opción "Fusionar Image s en un set" evita el efecto de parpadeo cuando el Image cambia al pasar el ratón por encima..
Observación: La opción "Estirar" permite gestionar el estiramiento de las imágenes associated con el botón cuando éste se redimensiona en el editor. Usted puede:
  • estirar la Image en anchura,
  • estirar la Image en anchura y altura,
  • utilizar la Escala de 9 sectores para configurar el estiramiento.
Configuración avanzada de imágenes

Image de botón multilingüe

Si su sitio o aplicación es multilingüe, se puede seleccionar un botón Image diferente para cada idioma. Esta opción es útil cuando las imágenes associated con el botón contienen la leyenda del botón.
Para gestionar imágenes multilingües:
  1. Mostrar la description de control Botón.
  2. Pulse el botón Botón desplegable junto a la imagen ruta.
  3. Seleccione "Multilingüe"..
  4. La ventana de gestión de imágenes multilingües se abre. Por defecto, el mismo fichero es associated con todas las lenguas soportadas por la ventana o por el Page.
  5. Para cada idioma, pulse el botón Botón desplegable. Usted puede:
    • Seleccione la Image correspondiente al idioma de su ordenador (opción "Examinar").
    • Seleccione el Image correspondiente a la lengua en el catálogo Image (opción "Catálogo").
    En el momento de la ejecución, se mostrará el botón Image correspondiente en función del idioma seleccionado por Nación.
  6. Validar. La leyenda "Valor multilingüe" aparece en el nombre de Image.
Ver también
Versión mínima requerida
  • Versión 9
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 09/04/2023

Señalar un error o enviar una sugerencia | Ayuda local