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 / Ventana
  • Overview
  • Background images of windows
  • Background image
  • Configuring the background images
  • Background color
  • Selecting the background color
  • Gradient background color
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
Overview
To optimize the style of your screens, WINDEV and WINDEV Mobile allow you to use:
  • images in your windows. These images are used as the window background. Your controls are displayed above this image.
  • background colors. Several standard colors can be used.
WINDEV You also have the ability to build gradient background colors. These gradient colors can be used:
  • in window background,
  • in background color for the different window controls.
Remark: on windows with a clipped skin template, it's not possible to use Windows' Aero Snap feature.. Aero Snap requires a standard resizable window.
Background images of windows

Background image

The following image formats are supported in Windows:
  • Bitmap (*.BMP)
  • Graphics Interchange Format (*.gif)
  • Joint Picture Experts Group (*.jpg ; *.jpeg)
  • Kodak Photo CD (*.pcd)
  • PaintBrush (*.pcx)
  • Adobe Photoshop Format (*.psd)
  • TrueVision TARGA (*.tga)
  • Tagged Image File Format (*.tif ; *.tiff)
    Note: the "Tiled TIFF" option in TIFF 6.0 is not supported. In this case, we advise you to save the image in tiff 5.0 standard.
  • Portable Network Graphics (*.png)
  • Windows MetaFiles (*.emf ; *.wmf)
  • Icons (*.ico ; *.icw)
    Remarks:
    • HQ display (High Quality) available.
    • Management of sheets in transparent BMP format (32 bits).
  • Cursors (*.cur)
  • Portable Document Format (*.pdf)
  • Scalable Vector Graphics (*.svg)
  • WINDEV images (generated by the image editor, *.WDPIC).
  • Novedad versión 2025
    Images in WebP format (*.webp).
Android The available formats are as follows:
  • Bitmap (*.gif)
  • Graphics Interchange Format (*.gif)
  • Joint Picture Experts Group (*.jpg ; *.jpeg)
  • Portable Network Graphics (*.png)
  • Icons (*.ico)
  • WINDEV images (generated by the image editor, *.WDPIC).
Example:
Background image of a window
Remark: To customize your windows, you can also use a skin template.. A skin template is a preset interface. For more details, see Skin template.

Configuring the background images

The settings are defined in the "Image" tab of the window description.
To select the background image, click on the Drop-down button button in the "Background image" field:
  • The "Browse" option is used to select an image file accessible from your computer.
  • The "Catalog" option is used to select an image in the image catalog.
Remark: It is also possible to directly drag and drop an image file from the explorer into the WINDEV or WINDEV Mobile window.
The options available for the image are:
AndroidiPhone/iPad This option is not available.
AndroidiPhone/iPad This option is not available.
AndroidiPhone/iPad Note: It is possible to crop a window according to the background image (use an image in PNG format).
Background color

Selecting the background color

To select the background color of a window:
  1. Display the description window.
  2. On the "Style" tab, open the "Background color" list. A list of available colors is displayed:
    • WINDEV Available colors:
      Background colors available in WINDEV
    • WINDEV Mobile Available colors:
      Background colors available in WINDEV Mobile
  3. Select the requested background color.
  4. Validate the description window.
WINDEV

Gradient background color

In the selection window of the background colors, several gradient background colors are proposed by default. The "Other gradients" option is used to display the window for configuring the gradient.
Configuring the gradient colors
This window allows you to:
  • Select a gradient color proposed by default.
  • Modify one of the gradient colors proposed by default: you can set the colors, the number of colors taken into account by the gradient and the angle of the gradient.. Just use your creativity.
Note: Gradient colors can also be used as field background colors: simply change the background color of the field's outer frame in the "Style" tab of the description window.
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: 06/12/2024

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