Skip to main content

Editar estilo de visualización en el editor

Un estilo es un archivo en formato XML con la extensión de archivo *.visustyle.xml. Contiene un conjunto específico de propiedades de estilo cuya coherencia se comprueba automáticamente.

Puede crear su propio estilo o adaptar un estilo existente derivándolo. Puede usar el editor de estilo de visualización para esto.

Cuando deriva un estilo, surge un nuevo estilo como una jerarquía de estilos. Una jerarquía consta de al menos 2 estilos que se basan el uno en el otro. La profundidad de anidamiento no está limitada. Una jerarquía se denota simplemente por su estilo derivado de nivel superior. Puede derivar varios estilos diferentes del mismo estilo base, simplemente agregando diferentes propiedades de estilo a los estilos. Esto ahorra espacio en disco y debería ser tuyo forma preferida de trabajar ser.

Un estilo que sirva de base no tiene por qué ser coherente por sí solo. En su lugar, debe marcarlo como un estilo incompleto. Solo el estilo derivado superior tiene que ser consistente.

Para más información, ver: Entradas en el estilo de visualización

Ejemplo de una jerarquía de estilos

ejemplo 37. Estilo Petrostyle

En un estilo incompleto, puede agrupar cualquier propiedad de estilo independientemente de las consistencias para crear jerarquías eficientes. Por ejemplo, puede recopilar todas las referencias de imágenes en un estilo incompleto. A continuación, deriva el estilo y, además, define las propiedades de estilo para los colores. Este estilo también está incompleto. Nuevamente, deriva el estilo y además define las propiedades de estilo para sus fuentes. El estilo superior ahora está completo.

_visu_img_partial_style.png
  1. CompanyImg es un estilo incompleto que define referencias de imágenes.

  2. CompanyColor es un estilo derivado incompleto basado en CompanyImg Se definen colores basados y adicionales.

  3. PetrolStyle es un estilo derivado completo basado en CompanyColor basado y también define un color especial.

  4. La jerarquía de estilos incluye PetrolStyle, CompanyColor y CompanyImg.



En el editor de estilo de visualización, puede abrir un estilo, definir sus propiedades de estilo y localizar sus nombres. Si el estilo es coherente, puede instalarlo en el repositorio de estilos de visualización. El editor no está CODESYS Development System integrado.

Nombres de propiedades de estilo

Una propiedad de estilo es una entrada para un color, fuente o referencia de imagen específicos.

Si este nombre contiene un guión, el editor de estilos de visualización puede ordenar las propiedades de estilo por los términos antes del guión y mostrarlos en una estructura jerárquica. De lo contrario, puede ordenar los nombres en orden alfabético o mostrarlos en el orden en que están almacenados en el archivo XML. CODESYSMuestra las propiedades del estilo en el orden en que los nombres se almacenan realmente en el archivo XML del estilo.

Ejemplo: Element-Alarm-Fill-Color

redactor en CODESYS Development System comienzo

  1. Haga doble clic en el objeto administrador de visualización.

    Se abre el editor.

  2. Haga clic en la pestaña ajustes, Grupo configuración de estilo en _visu_icon_activate_style_editor_cmds.png.

  3. Elija en la lista de selección Editor de estilo abierto.

    los Editor de estilo de visualización se abre

Redactor independiente de CODESYS comienzo

  • Selecciona en el menú de inicio de tu sistema operativo Editor de estilos de visualización. Si tiene una instalación estándar, se encuentra en la carpeta de instalación CODESYS.

    Se inicia el editor de estilos de visualización.

Derivar estilo de visualización

Sugerencia

Esta es la forma recomendada de crear un estilo que combine propiedades de estilo existentes y nuevas.

procedimiento. Redactor en CODESYS iniciar y derivar estilo

Condición previa: CODESYS está abierto con un proyecto que contiene una visualización.

  1. Haga doble clic en Objeto en el árbol de dispositivos administrador de visualización

    Se abre el editor.

  2. Haga clic en la pestaña ajustes en el grupo configuración de estilo en _visu_icon_activate_style_editor_cmds.png.

    Aparecerá una selección de comandos.

  3. Escoger Crear y editar estilo derivado.

    Se inicia el editor de estilo de visualización y el cuadro de diálogo Crear un nuevo estilo de visualización se abre

  4. Ingresa un nombre.

  5. Elija un directorio.

  6. Elige un estilo básico. El valor predeterminado está en CODESYS estilo seleccionado. También puede elegir un estilo del repositorio.

    El nuevo estilo aparece en el editor de estilos de visualización. Las propiedades de estilo del estilo base tienen un fondo amarillo.

  7. Inserte una nueva propiedad de estilo o cambie un valor existente.

  8. Versiona el estilo y elige Archivo → Guardar e instalar .

    El estilo se instala en el repositorio. El requisito de memoria es pequeño ya que solo se ha guardado la propiedad de estilo insertada en el paso 7.

Copiar estilo de visualización

Condición previa: CODESYS está abierto con un proyecto que contiene una visualización.

  1. Haga doble clic en Objeto en el árbol de dispositivos administrador de visualización.

    Se abre el editor.

  2. Haga clic en la pestaña ajustes en el grupo configuración de estilo en _visu_icon_activate_style_editor_cmds.png.

    Aparecerá una selección de comandos.

  3. Escoger Copiar y editar estilo.

    Se inicia el editor de estilo de visualización y el cuadro de diálogo Abrir un estilo existente como una copia se abre

  4. entrar en estilo qué estilo copiar.

  5. Introduzca un directorio y haga clic en OK.

    El nuevo estilo aparece en el editor de estilos de visualización. Todas las propiedades de estilo son las mismas que las del estilo copiado.

  6. Ingresa un nombre.

  7. Inserte una nueva propiedad de estilo o cambie el valor de una propiedad de estilo existente.

  8. Versiona el estilo y elige Archivo → Guardar e instalar .

    El estilo se instala en el repositorio y las propiedades del estilo son las mismas que las del estilo copiado excepto por la propiedad del estilo pegada en el paso 8. El requisito de memoria es grande porque las propiedades de estilo comunes se definen en ambos estilos.

Crear un nuevo estilo de visualización

Condición previa: CODESYSestá abierto con un proyecto que contiene una visualización.

  1. Haga doble clic en el objeto en el árbol de dispositivos administrador de visualización.

    Se abre el editor.

  2. Haga clic en la pestaña ajustes, Grupo configuración de estilo en _visu_icon_activate_style_editor_cmds.png.

    Aparecerá una selección de comandos.

  3. Elige el comando Editor de estilo abierto.

    Se abre el editor de estilos de visualización.

  4. Escoger Archivo → Nuevo estilo .

    El diálogo Crear un nuevo estilo de visualización se abre

  5. Ingresa un nombre. No introduzca un estilo base.

  6. Introduzca un directorio y cierre el cuadro de diálogo con OK.

    El nuevo estilo aparece en el editor de estilos de visualización.

  7. Inserte una nueva propiedad de estilo.

  8. Versiona el estilo y elige Archivo → Guardar e instalar .

    El estilo se instala con el número de versión en el repositorio de estilos de visualización.

Agregar propiedad de estilo

Puede editar un estilo con el editor de estilos de visualización y guardarlo en una nueva versión e instalarlo.

Requisito: El editor de estilos de visualización está abierto con un estilo.

  1. Seleccione una propiedad de estilo y elija en la pestaña propiedades de estilo El comando Estilos → Nueva entrada (después) .

    Se inserta una nueva propiedad de estilo.

  2. Escribe en la pestaña General en las configuraciónes versión ingrese un nuevo número de versión.

  3. Escoger Archivo → Guardar e instalar

    Los cambios se guardan y el estilo se instala bajo la nueva versión en el repositorio.

Localice la propiedad de estilo

Puede asignar un nombre dependiente del idioma a una propiedad de estilo. CODESYS luego muestra una propiedad de estilo con su nombre localizado, dependiendo de la configuración de idioma en Herramientas → Opciones , categoría Configuraciones internacionales.

Requisito: El editor de estilos de visualización está abierto con un estilo.

  1. Traducir debajo de la pestaña localización los nombres de propiedad de estilo en un nuevo idioma.

  2. Versión en la pestaña General el archivo.

  3. Escoger Guardar e instalar.

    El estilo editado se instala en el repositorio actualmente en CODESYSes seleccionado.

  4. Actualizar el estilo.

  5. Establezca la preferencia de idioma en CODESYSal nuevo idioma.

  6. Abra una visualización y seleccione un elemento. En sus propiedades, las propiedades del estilo se muestran en el nuevo idioma.