LibUIGL  3.17.5
Estilos visuales

Un estilo visual (o clase) consiste en una colección de atributos comunes que se aplican en conjunto a otro estilo, a un control o a un fotograma de animación. Su utilidad principal es la de definir una serie de clases o familias de atributos que compartirán todos los controles que la tengan asociada. Si se quiere cambiar un atributo, en vez de tener que cambiarlo en cada uno de los controles individuales, sólo ha de modificarse el estilo base. Es similar a las hojas de estilo CSS, pero en vez de estar definidas en un lenguaje diferente en otro archivo, están definidas en xml y se integran dentro del mismo lenguaje.

Los estilos visuales pueden componerse, es decir que puede definirse un estilo visual a partir de otro(s) ya existente(s) al que se añaden (o se sobre-escriben) atributos. Así pueden crearse jerarquías de clases, de más general a más particular, aprovechando los estilos en cascada.

Elemento <class> o <style>

Define un estilo visual. No tiene atributos propios, sino que pueden utilizarse todos los atributos comunes

Estilos por defecto

Para aplicar un estilo globalmente a todos los controles de un mismo tipo, puede definirse un estilo con el nombre del tipo de control, que se utilizará como base sin tener que indicarlo en cada control.

Ejemplos

Define un estilo base indicando color de texto blanco, 120px de ancho y alineado centrado, y otro con imagen de fondo:

<class id="base1" textcolor="#ffffff" width="120" align="center" />
<class id="base2" image="imagen.png" />

Crea un nuevo estilo combinando los dos anteriores y añadiendo color de fondo gris oscuro:

<class id="estilo" class="base1 base2" color="#404040" />

Define estilos globales para todos los elementos <button> y <label>:

<class id="button" width="96" height="32" textcolor="#202020" color="#A0A0A0" />
<class id="label" align="left" margin="8" width="200" />
<!-- no es necesario indicar class="button" o class="label": -->
<button name="boton1" left="32"/>
<label name="label1" top="20" />