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 / Controles: tipos disponibles / Control Pestaña
  • Presentación
  • Imagen asociada al título del panel de pestañas
  • Imagen del panel de pestañas
  • Asociar una imagen al panel de pestañas
  • Asociar una imagen al panel de pestañas
  • Color de fondo/Imagen de fondo de las pestañas
  • Formatos de las imágenes
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
Para optimizar la apariencia de sus pantallas, WINDEV, WEBDEV y WINDEV Mobile le permiten utilizar imágenes o colores en sus controles de pestañas.. Por ejemplo:
  • Imagen asociada al título del panel de pestañas. Esta imagen se muestra al lado de la leyenda de la pestaña. Ejemplo:
  • Imagen del panel de pestañas: Esta imagen se utiliza para redefinir el color y la forma del panel de pestañas. Ejemplo:
  • Color del borde de la pestaña. Ejemplo:
Observaciones:
  • WINDEVWINDEV Mobile Para usar una pestaña "Transparente", simplemente seleccione "Transparente" para el fondo del borde exterior (pestaña "Estilo" de la descripción del control, "Borde exterior").
  • También puede modificar la apariencia de las pestañas modificando modo de visualización de las pestañas.
Imagen asociada al título del panel de pestañas
La imagen asociada a la leyenda del panel de pestañas se muestra junto a la leyenda de pestañas.
WINDEVWINDEV Mobile Para asociar una imagen con el título del panel de pestañas:
  1. Abre la descripción de la pestaña.
  2. En la pestaña "General", seleccione el panel deseado en la lista de paneles de la izquierda.
  3. La descripción del panel seleccionado aparece en la zona de la derecha.
  4. Seleccione la imagen que se mostrará junto al pie de foto mediante el botón Botón desplegable :
    • La opción "Examinar" se utiliza para seleccionar un archivo accesible desde su ordenador. Tiene la capacidad de especificar el número de estados de la imagen.
    • La opción "Catálogo" permite seleccionar una imagen del catálogo de imágenes.
  5. Valide.
WEBDEV - Código Servidor Para asociar una imagen con el título del panel de pestañas:
  1. Abre la descripción de la pestaña.
  2. En la pestaña "General", seleccione "Detalles (panel)".
  3. Seleccione la imagen que se mostrará junto al título a través del botón Botón desplegable cerca del control "Icono del panel".:
    • La opción "Examinar" se utiliza para seleccionar un archivo accesible desde su ordenador.
    • La opción "Catálogo" permite seleccionar una imagen del catálogo de imágenes.
  4. Valide.
Imagen del panel de pestañas
La imagen asociada al panel de pestañas sustituye al panel de pestañas existente. Esto le permite redefinir la forma y el color del panel de pestañas.
La imagen asociada al panel de pestañas debe contener dos dibujos:
  • el dibujo correspondiente al estado normal del panel
  • el dibujo correspondiente al estado del panel presionado
Los dibujos deben estar organizados en el siguiente orden:
  • WINDEVWINDEV Mobile Dibujo del estado pulsado y luego dibujo del estado normal.
  • WEBDEV - Código Servidor Dibujo del estado normal y luego dibujo del estado pulsado.
Atención: Si el panel se muestra verticalmente, la imagen del panel debe ser vertical.
Caso especial: imagen de los paneles de 3 imágenes
En este caso, la imagen de los paneles se dividirá automáticamente en 3 imágenes por WINDEV/WEBDEV.
La regla de división es la siguiente:
  • la imagen se divide en tres secciones
  • La sección 1 corresponde a la zona izquierda
  • La sección 3 corresponde a la zona derecha
  • La sección 2 corresponde a la zona media. El tamaño de esta sección es igual a 16 píxeles. Si el panel de pestañas es proporcional al título, esta sección se repetirá tantas veces como sea necesario para contener el título.
Observación: Si la parte 2 de la imagen es inferior a 16 píxeles, no debe utilizar un panel de pestañas proporcional a la leyenda y debe incluir (si es necesario) las imágenes adicionales y la leyenda en la imagen.
WINDEVWINDEV Mobile

Asociar una imagen al panel de pestañas

Para asociar una imagen con el panel de pestañas:
  1. Abre la descripción de la pestaña.
  2. En la pestaña "Estilo" seleccione el elemento "Imágenes de paneles. Amplíe el botón "Imágenes de paneles" y seleccione las rutas correspondientes a las rutas de las imágenes que se utilizarán para los paneles de pestañas.. Se pueden necesitar varias imágenes según la posición del panel de pestañas y según su modo de visualización..
  3. Si es necesario:
    • Compruebe "Imagen de paneles con tres imágenes".
    • WINDEV Especifique el número de pasos en la animación.
      Linux Estas opciones no están disponibles en Linux.
  4. Valide.
WEBDEV - Código ServidorPHP

Asociar una imagen al panel de pestañas

Para asociar una imagen con el panel de pestañas:
  1. Abra la descripción de la pestaña.
  2. En la pestaña "Estilo", seleccione el elemento "Imagen de los botones de la pestaña".
  3. Especifique la ruta de la imagen que se utilizará para los paneles de pestañas..
  4. Compruebe el "modo de 3 imágenes" si es necesario.
  5. Valide.
Color de fondo/Imagen de fondo de las pestañas
WINDEVWINDEV Mobile Para modificar el color de fondo de las pestañas (también llamado borde externo), simplemente modifique el estilo de las pestañas (pestaña "Estilo" en la ventana de descripción). El elemento cuyo estilo debe modificarse es "Frontera exterior".
  • La opción "Color de fondo" sirve para definir el color de fondo de todos los paneles de las pestañas.. Tiene la posibilidad de elegir un color "Transparente.
  • La opción "Bordes" sirve para definir la imagen de fondo de todos los paneles de pestañas.
Observación: El estilo le permite personalizar varios parámetros de las pestañas.
WEBDEV - Código Servidor WEBDEV le permite modificar el color de fondo y la imagen de fondo utilizada para cada panel de pestañas.. Para ello:
  1. Abra la descripción de la pestaña.
  2. En la pestaña "General", seleccione "Borde, fondo (panel)".
  3. Modificar el elemento deseado:
    • el control "Color de fondo" sirve para definir el color de fondo del panel de pestañas seleccionado.
    • el control "Imagen de fondo" sirve para definir la imagen de fondo utilizada para el panel de pestañas seleccionado.
Observaciones:
  • El color del borde de las pestañas se puede modificar en la pestaña "Style", elemento "Botones de los paneles de las pestañas. Este elemento se llama "Separador" porque se utiliza para separar los diferentes paneles.
  • El estilo le permite personalizar varios parámetros de las pestañas.
Formatos de las imágenes
WINDEV Los siguientes formatos de Image están soportados en Windows:
  • Mapa de bits (*.BMP)
  • Formato de intercambio de gráficos (*.gif)
  • Grupo Mixto de Expertos en Fotografía (*.jpg *;.jpeg)
  • CD de fotos Kodak (*.pcd)
  • Pincel de pintura (*.pcx)
  • Formato Adobe Photoshop (*.psd)
  • TrueVision TARGA (*.tga)
  • Etiquetado en el formato de archivo Image (*.tif ; *.Tiff)
    Observación: la opción "tiff de mosaico" del estándar tiff 6.0 no está soportada. En este caso, le aconsejamos que guarde el Image en el estándar Tiff 5.0.
  • Gráficos de red portátiles (*.png)
  • MetaFicheros de Windows (*.emf;*.wmf)
  • Iconos (*.ico *;.icw)
    Observaciones:
    • Pantalla HQ (High Quality) disponible.
    • Manejo de hojas en formato Transparent BMP (32 bits).
  • Cursores (*.cur)
  • Formato portátil de Document (*.pdf)
  • Gráficos vectoriales escalables (*.svg)
  • WINDEV Image s (generado por el editor de Image, *.WDPic).
Android Se pueden visualizar los siguientes formatos de imagen:
  • Mapa de bits (*.BMP)
  • Formato de intercambio de gráficos (*.gif)
  • Grupo Mixto de Expertos en Fotografía (*.jpeg)
  • Gráficos de red portátiles (*.png)
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: 27/05/2022

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