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 / Plantillas y temas
  • Presentación
  • Principio
  • Etapa 1: Creación del directorio que contiene las fuentes de plantilla
  • Etapa 2: Personalizar los elementos que se encuentran en el plantilla
  • Etapa 3: Generación de plantilla
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
Equipos de desarrollo que tienen experiencia en el diseño y que a veces quieren crear sus propias plantillas de tema. A partir de la versión 21, WINDEV y WINDEV Mobile incluyen un generador plantilla..
Principio
Para crear una plantilla, debe:
  1. Crear el directorio que contiene las fuentes de plantilla. Este paso se realiza a través de una asistente.
  2. Personalice las imágenes, las plantillas de ventanas y las plantillas de reporte que se encuentran en el plantilla.
  3. Generar la plantilla personalizada. Este paso se realiza a través de una asistente.
El plantilla personalizado se propone automáticamente junto con el plantilla estándar al crear proyectos o al aplicar un plantilla.
Etapa 1: Creación del directorio que contiene las fuentes de plantilla
Para crear el directorio correspondiente a la plantilla:
  1. Inicie WINDEV o WINDEV Mobile.
  2. En la pestaña "Herramientas", en el grupo "Plantillas", haga clic en "Generador de plantillas".
    Atención: No se debe abrir ningún proyecto en el editor porque el generador realiza varias operaciones (compilaciones, sincronización de estilos y plantillas, ....).
  3. La generación de plantilla asistente comienza.
  4. Seleccione "Generar las fuentes de un nuevo plantilla ". Ir al paso siguiente con las teclas de flecha.
  5. Especifique el nombre de plantilla. La ruta del directorio de trabajo (que contiene las fuentes de plantilla) se propone automáticamente. Esta ruta puede ser modificada si es necesario..
  6. Pase a la etapa siguiente. Los archivos fuente de plantilla se han generado automáticamente en el directorio de trabajo especificado.. Se crean varios directorios. Estos directorios contienen las imágenes y plantillas que se utilizarán para generar la plantilla final..
Tiene la posibilidad de personalizar las imágenes y las plantillas de ventana que se encuentran en la plantilla (paso 2).
Etapa 2: Personalizar los elementos que se encuentran en el plantilla
Antes de generar la plantilla, tiene la posibilidad de personalizar:
  • las diferentes imágenes utilizadas para definir el estilo de los controles en la plantilla.
  • las plantillas de ventanas.
  • las plantillas reporte.
Para obtener más información, consulte:
Etapa 3: Generación de plantilla
Para generar la plantilla:
  1. Inicie WINDEV o WINDEV Mobile.
  2. En la pestaña "Herramientas", en el grupo "Plantillas", haga clic en "Generador de plantillas".
    Atención: No se debe abrir ningún proyecto en el editor porque el generador realiza varias operaciones (compilaciones, sincronización de estilos y plantillas, ....).
  3. La generación de plantilla asistente comienza.
  4. Seleccione la opción "Generar una plantilla personalizada". Ir al paso siguiente con las teclas de flecha.
  5. Seleccione la plantilla deseada y su directorio.
    Si el nombre del plantilla no aparece en la lista, haga clic en el botón "Cargar un plantilla del disco...".. Ir al paso siguiente con las teclas de flecha.
  6. Los siguientes pasos le permiten personalizar los colores utilizados en los diferentes estilos de plantilla. En algunos casos, si los estilos utilizan imágenes, estos colores no serán Visible.
  7. El paso "Textos" permite seleccionar:
    • la fuente de caracteres:
      • La fuente general, utilizada en todos los estilos.
      • La fuente secundaria, usada para algunos estilos específicos.
    • los colores de las fuentes. Estos colores se utilizan según el tipo de texto:
      • General: Se utiliza para los subtítulos de los controles.
      • vincular: Se utiliza principalmente para el estilo BTN_Link de control Botón.
      • Título: Se utiliza principalmente para el estilo STC_Title de control Estático.
      • Área de entrada: Se utiliza principalmente para el área de texto que se encuentra en los controles de edición y en los cuadros combinados..
      • Claro: Se utiliza en algunos casos como variante de color general .
      • Subtítulo: Se utiliza principalmente para el estilo STC_Sub_Title de control Estático.
      • Seleccionado: Se utiliza para mostrar una selección en un control.
      • Gris: Se utiliza para get un texto " Grayed ".
      • Título del botón de opción: Se utiliza para el título de los controles de los botones de radio y de las casillas de verificación..
      • Barra de botones/títulos: Se utiliza para los títulos de los botones y para los títulos de las cabeceras de los controles Planificador, Tabla y Organizador, ....
      • Negativo: Se utiliza como color negativo de color general .
  8. El paso "Fondos" se utiliza para seleccionar los colores para:
    • Filas de ventana/hasta: color de fondo de las ventanas y color s de las filas pares en los controles Tabla, Looper, Programador y Organizador.
    • Controles/Filas impares: color de fondo de algunos controles y color s de filas impares en los controles Tabla, Looper, Programador y Organizador.
    • Área de entrada: Color de fondo del área de entrada que se encuentra en los controles de edición y en los cuadros combinados.
    • Barra de botones/títulos: Se utiliza para los fondos de los botones y para los fondos de las cabeceras en los controles Planificador, Tabla y Organizador, ....
    • Sobre: Fondo color visualizado al pasar el ratón sobre control. Se utiliza para todos los controles que soportan el rollover (excepto para los botones).
    • Selección: El fondo Color usado para mostrar que el control es seleccionado. No afecta a los botones.
    • Claro: Color de fondo usado en algunos casos como una variación del Color de fondo de la ventana.
  9. En el paso "Bordes" se seleccionan los colores para:
    • General: Color para las fronteras de los controles.
    • Secundario: color para el Border s de controles utilizados como variación del Border general .
    • pulsador: color para el Border de los botones.
    • Área de entrada: color utilizada para el Border del área de entrada (control Campo de entrada y cuadro combinado).
    • Botón de opción/Casilla de verificación: Color usó la marca Border.
  10. El paso "Otros colores" se utiliza para seleccionar los colores:
    • Notas adicionales Colores:
      • Nota: Antecedentes Color de un note. La Color de pie de foto será el texto "General" Color.
      • Atención: Antecedentes Color de la advertencia. La Color de pie de foto será el texto "General" Color.
      • Gradient comienza y Gradient termina: Se utiliza para algunos fondos de color de los controles.
    • Colores de la barra de desplazamiento: Se utiliza para definir los colores de los diferentes elementos que se encuentran en una barra de desplazamiento control. Usted tiene la posibilidad de elegir si las flechas se muestran o no en las barras de desplazamiento..
    • Progreso Colores de la barra: Permite definir los colores de los diferentes elementos que se encuentran en una barra de progreso..
    • Colores Control deslizante: Permite definir los colores de los diferentes elementos que se encuentran en una Control deslizante.
  11. WINDEV El paso "Menú y series" permite seleccionar los colores utilizados por los menús y por las series y categorías que se encuentran en los gráficos. Si la opción "Personalizar los colores de los menús" no está marcada, se utilizarán los colores del sistema..
    • Barra principal: Colores utilizados para la barra de menús.
    • Opciones de menú: Colores utilizados para las opciones de menú.
    • Colores de series/categorías: el botón "Editar los colores de las series/categorías/citas" sirve para abrir la ventana de edición de colores.
      En esta ventana, marque "Personalizar los colores utilizados en las series (series de control de gráficos, programador Appointment, etc.)" para modificar los colores utilizados.
      Los colores usados por Default se muestran. Tiene la posibilidad de personalizar los colores utilizados.
      Atención: Los colores utilizados no deben ser colores Gradient del mismo tono.
    WINDEV Mobile La etapa "Action Bar" permite seleccionar los colores utilizados por el Action Bar control.
    • Si se marca la opción "Aplicar el tipo de letra Color a los iconos", se utilizará el texto Color para el texto de las imágenes en el Action Bar.
    • iPhone/iPad Tienes la capacidad de especificar los colores para la barra del sistema con Transparent Background (iOS 7).
  12. La etapa "Informes" permite seleccionar los colores utilizados para los informes generados con editor de reportes:
    • Colores de texto: Colores utilizados para los subtítulos generados automáticamente.
    • Colores de fondo: Los colores de Background de las diferentes áreas que se encuentran en un reporte.
  13. Pase a la etapa siguiente y finalice el asistente.
  14. Se genera la plantilla. Puede ser utilizado en sus proyectos WINDEV o WINDEV Mobile.
Observación: los archivos de la plantilla personalizada están localizados:
  • WINDEV En WINDEV: en el subdirectorio "Personal\Templates\WD".
  • WINDEV Mobile En WINDEV Mobile: en el subdirectorio "Personal\Templates\WM".
Para utilizar su plantilla:
  • Crea un nuevo proyecto con tu plantilla,
  • Abra un proyecto en WINDEV o WINDEV Mobile y aplique la nueva plantilla (en la pestaña "Proyecto", en el grupo "Otras acciones", haga clic en "Aplicar una plantilla al proyecto").
Versión mínima requerida
  • Versión 21
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 23/11/2023

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