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
  • Recorte de la ventana según la imagen de fondo
  • Los pasos principales
  • Creando la Image que define la forma de la ventana
  • Uso de una ventana recortada
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
Presentación
Una Image permite definir fácilmente la forma de una ventana. WINDEV analiza este Image y utiliza la forma definida por el Image. Esta imagen se usará para especificar las secciones visibles y Invisible de la ventana.
Esto le permite crear interfaces excepcionales.
Recorte de la ventana según la imagen de fondo

Los pasos principales

WINDEV permite usar un Image directamente desde el editor para definir la forma de la ventana. Para ello:
  1. Crear el Image que se utilizará como fondo Image de la ventana. La transparencia Color de este Image debe ser definida. Este color puede ser:
    • magenta.
    • la Color del primer píxel que se encuentra en la esquina superior izquierda de la Image.
      Para obtener más información, lea el siguiente párrafo.
  2. En la description de la ventana:
    • marque "Clip the Window" en la pestaña "Image".. WINDEV propone adaptar automáticamente las opciones de estilo de la ventana para que get obtenga un mejor resultado.
    • especificar las opciones de transparencia correspondientes a la imagen de fondo utilizada (utilizar el magenta como transparencia Color por ejemplo).
      Observación: También tiene la posibilidad de configurar las opciones de transparencia de las ventanas. Para obtener más información, consulte Efecto traslúcido de las ventanas.
  3. Validar. La ventana se recortará automáticamente en el editor.
Creando la Image que define la forma de la ventana
La Image que define la forma de la ventana se crea mediante una herramienta de dibujo o de edición de Image. Las diferentes áreas que conforman la forma de la ventana deben estar juntas: no debería haber "lagunas".
En esta imagen, define el Color que se usará como transparencia Color cuando se recorte la ventana (por ejemplo, "Light Magenta"). Todas las áreas que contengan este color se harán Invisible cuando se muestre la ventana recortada.
Atención: Los bordes deben ser lo más nítidos posible (no Gradient, ...) para evitar los efectos de visualización inesperados cuando se prevea o se abra la ventana recortada. De hecho, un solo Color se utiliza para definir la transparencia de todo el Image.
Ejemplo:

  • Una Image cuyos bordes son muy afilados producirá una ventana perfectamente recortada:

  • Una Image cuyos bordes se alisan producirá una ventana que no será perfectamente recortada:
Uso de una ventana recortada
WINDEV permite:
  • usar un menú desplegable en las ventanas recortadas. Para ello, especifica la posición del menú principal en la pestaña "Detalles" de la ventana de description.
  • asociar una ayuda sensible al contexto con la ventana (a través del mecanismo de consejos de herramientas avanzadas). Para ello, cree un botón cuya acción predeterminada sea "Ayuda sensible al contexto".
  • gestionar el efecto translúcido de las ventanas.
Versión mínima requerida
  • Versión 9
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 27/05/2022

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