AYUDA EN LÍNEA
 WINDEVWEBDEV 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 / Ventana
  • Presentación
  • Imagen de fondo de una ventana
  • Control Imagen
  • Control Botón
  • Configurar la escala de 9 sectores
  • Optimizar la escala de 9 sectores
WINDEV
WindowsLinuxJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac Catalyst
Otros
Procedimientos almacenados
Advertencia
A partir de la versión 24, 9-image mode se conserva por motivos de compatibilidad. Esta función ha sido reemplazada por Escala de 9 sectores.
Presentación
La escala de 9 sectores permite cambiar el tamaño de las imágenes sin distorsionarlas. La escala de 9 sectores puede utilizarse en las imágenes de un control Imagen o en la imagen de fondo de una ventana.
Este modo simplemente divide la imagen en 9 secciones. Esto le permite definir el comportamiento de cada sección cuando cambia el tamaño de la ventana o del control Imagen.
Imagen de fondo de una ventana
Para configurar la escala de 9 sectores en la imagen de fondo de una ventana:
  1. Abra la descripción de la ventana.
  2. En la pestaña "Imagen", seleccione la opción "Utilizar escala de 9 sectores" y haga clic en Ajustes para configurar este modo.
  3. La siguiente ventana se abre:
    Opciones de visualización del modo de escala de 9 sectores
  4. Configure la escala de 9 sectores según sus necesidades. El botón "Vista previa" permite ver cómo se mostrará la imagen en tiempo de ejecución.
Nota: Recomendaciones para optimizar la visualización de las ventanas que utilizan la escala de 9 sectores:
  • no utilice una imagen "GIF transparente" con escala de 9 sectores.
  • utilice un fondo liso para la imagen y para el color de fondo de la ventana.
  • intente definir márgenes que sean múltiplos de 4.
Control Imagen
Para configurar la escala de 9 sectores en un control Imagen:
  1. Abra la ventana de descripción del control.
  2. En la pestaña "General", seleccione la opción "Utilizar escala de 9 sectores" y haga clic en Ajustes para configurar este modo.
Nota: No se recomienda utilizar una imagen "GIF transparente" con escala de 9 sectores, dado que puede ralentizar la visualización.
Control Botón
Para configurar la escala de 9 sectores en un control Botón:
  1. Abra la ventana de descripción del control.
  2. En la pestaña "General", en la opción Expansión, seleccione "Escala de 9 sectores personalizada" y haga clic en Ajustes para configurar este modo.
Nota: No se recomienda utilizar una imagen "GIF transparente" con escala de 9 sectores, dado que puede ralentizar la visualización.
Configurar la escala de 9 sectores
La escala de 9 sectores consiste en dividir la imagen de fondo en 9 secciones.
Escala de 9 sectores
Puede elegir mostrar u ocultar secciones individuales de la imagen. Solo tiene que hacer clic en la sección deseada. Si se oculta una parte de la imagen, esta será reemplazada por el color de fondo de la ventana o control.
Los márgenes permiten definir el tamaño de cada sección. Puede introducir los valores directamente o arrastrar las líneas que representan los márgenes.
Cuando se redimensiona la ventana, solo se redimensionan las secciones 2, 4, 6, 8 y 5 para ocupar todo el espacio:
Redimensionamiento en modo Escala de 9 sectores
La escala de 9 sectores permite definir el comportamiento de cada sección al redimensionar la ventana. Por cada sección, la imagen se ampliará utilizando uno de los siguientes modos:
  • repitiendo la imagen que constituye la sección,
  • ampliando la imagen que constituye la sección.
En la ventana de configuración del modo de escala de 9 sectores:
  • La opción "Modo ancho" define cómo se redimensionan las secciones 2 y 8 (secciones superior e inferior).
  • La opción "Modo alto" define cómo se redimensionan las secciones 4 y 6 (secciones izquierda y derecha).
  • La opción "Modo centro" define cómo se redimensiona la sección 5 (sección del centro).
Optimizar la escala de 9 sectores
Las siguientes recomendaciones permiten optimizar la escala de 9 sectores:
  • Utilice múltiplos de 8 para los márgenes horizontales.
  • La sección del centro debe tener al menos 32 pixeles de ancho.
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: 02/10/2024

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