Version: 2020.1
GUI Skin (Sistema IMGUI)
Extendiendo el Editor

GUI Style (Sistema IMGUI)

Los GUI Styles son una colección de unos atributos personalizados para uso con UnityGUI. Un solo GUI Style define la apariencia de un solo UnityGUI Control.

Un GUI Style en el Inspector
Un GUI Style en el Inspector

Si desea agregar estilo a más de un control, utilice un GUI Skin en lugar de un GUI Style. Para obtener más información acerca de UnityGUI, lea la Guía de Scripting de GUI.

Por favor Note: Esta página se refiere a parte del sistema de IMGUI, el cual es un sistema UI de scripting-only. Unity tiene un sistema UI basado en GameObject que preferiblemente prefiera utilizar. Le permite diseñar y editar elementos de interfaz de usuario como objetos visibles en la vista de escena. Mire el Manual del Sistema de UI para más información.

Propiedades

Propiedad: Función:
Name El string de texto que se puede utilizar para referirse a este estilo específico
Normal Imagen de fondo y texto Color del control en estado predeterminado
Hover Imagen de fondo y texto Color cuando el ratón se coloca sobre el control
Active Imagen de fondo y texto Coloree cuando el ratón esté haciendo clic en el Control
Focused Imagen de fondo y texto Color cuando el control tiene enfoque de teclado
On Normal Imagen de fondo y texto Color del control en estado activado
On Hover Imagen de fondo y color de texto cuando el ratón se coloca sobre el control habilitado
On Active Las propiedades cuando el mouse está activamente oprimiendo el Control habilitado
On Focused Imagen de fondo y color de texto cuando el control habilitado tiene enfoque de teclado
Border Número de píxeles de cada lado de la imagen Background que no se ven afectados por la escala de la forma de control
Padding Espacio en píxeles desde cada borde del Control hasta el inicio de su contenido.
Margin Los márgenes entre los elementos renderizados en este estilo y cualquier otro control GUI.
Overflow Espacio adicional que se agregará a la imagen de fondo.
Font La fuente utilizada para todo el texto en este estilo
Image Position La manera que la imagen de fondo y el texto se combinan.
Alignment Opciones de alineación de texto estándar.
Word Wrap Si está habilitado, el texto que llegue a los límites del control se ajustará a la siguiente línea
Text Clipping Si Word Wrap está habilitado, elija cómo manejar el texto que excede los límites del Control
        Overflow Cualquier texto que exceda los límites de Control continuará más allá de los límites
        Clip Cualquier texto que exceda los límites de Control se ocultarán
Content Offset Número de píxeles a lo largo de los ejes X e Y que el Contenido será desplazado además de todas las demás propiedades
        X Desplazamiento izquierdo/derecho
        Y Desplazamiento hacia arriba/abajo
Fixed Width Número de píxeles para el ancho del Control, que anulará cualquier valor Rect() proporcionado
Fixed Height Número de píxeles para la altura del Control, que anulará cualquier valor Rect() proporcionado
Stretch Width Si está habilitado, los Controles que usan este estilo se pueden estirar horizontalmente para un mejor diseño.
Stretch Height Si está habilitado, los Controles que usan este estilo se pueden estirar verticalmente para un mejor diseño.

Detalles

Los GUIStyles se declaran desde scripts y se modifican en una base por instancia. Si desea utilizar un único o pocos controles con un estilo personalizado, puede declarar este estilo personalizado en el script y proporcionar el estilo como un argumento de la función Control. Esto hará que estos controles aparezcan con el estilo que usted defina.

Primero, usted debe declarar un GUI Style desde un script.

/* Declare a GUI Style */
var customGuiStyle : GUIStyle;

...


Cuando adjunte este script a un GameObject, verá el estilo personalizado disponible para modificar en el Inspector.

Un Style declarado en un script se puede modificar en cada instancia del script
Un Style declarado en un script se puede modificar en cada instancia del script

Ahora, cuando desea indicarle a un Control en particular que utilice este Style, proporcione el nombre del Style como último argumento en la función Control.

...

function OnGUI () {
    // Provide the name of the Style as the final argument to use it
    GUILayout.Button ("I am a custom-styled Button", customGuiStyle);

    // If you do not want to apply the Style, do not provide the name
    GUILayout.Button ("I am a normal UnityGUI Button without custom style");
}


Dos botones, uno con Estilo, tal como se crea en el ejemplo de código
Dos botones, uno con Estilo, tal como se crea en el ejemplo de código

Para obtener más información acerca del uso de UnityGUI, lea GUI Scripting Guide.

GUI Skin (Sistema IMGUI)
Extendiendo el Editor