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
  • 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:
  • WINDEV 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.
WINDEV 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.
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:
  • WINDEV Mobile Dibujo del estado pulsado y luego dibujo del estado normal.
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.
WINDEV 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".

  4. Valide.
Color de fondo/Imagen de fondo de las pestañas
WINDEV 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.
Formatos de las imágenes
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