← UI системы Шаг 312 из 317

GUI Стиль (IMGUI Система)

GUI Стили представляют собой набор пользовательских атрибутов для использования с IMGUI. Один стиль GUI определяет внешний вид одного IMGUI Управляющего.

Если вы хотите добавить стиль к нескольким элементам управления, используйте GUI Skin вместо GUI Style. Для получения дополнительной информации о IMGUI, пожалуйста, прочитайте GUI Scripting Guide.

Примечание: Эта страница относится к части IMGUI системы, которая является только для скриптирования система интерфейса. В Unity есть полноценная система интерфейса на основе GameObject, которой вы, возможно, предпочтёте пользоваться. Она позволяет проектировать и редактировать элементы интерфейса как видимые объекты в окне сцены. См. UI Руководство по системе для больше информации.

Свойства

*Свойство:*	*Функция:*
Имя	Текстовая строка, которая может быть использована для ссылки на этот конкретный стиль
Нормально	Фоновое изображение и цвет текста элемента управления в состоянии по умолчанию
Ховер	Фоновое изображение и цвет текста при перемещении мыши над элементом управления
Активные	Фоновое изображение и цвет текста при активном нажатии мыши на элемент управления
Сфокусированный	Фоновое изображение и цвет текста, когда контроллер имеет фокус клавиатуры
на нормальном	Фоновое изображение & цвет текста элемента управления во включённом состоянии
При зависании	Фоновое изображение и цвет текста при перемещении мыши над включенным элементом управления
на активном	Свойства при активном щелчке мыши по включённому элементу управления
На фокусе	Фоновое изображение и цвет текста, когда включенный контроль имеет фокус клавиатуры
Граница	Количество пикселей по обе стороны изображения 1. Справочная информация, которые не зависят от масштаба формы Control’
Заполнение	Пространство в пикселях от каждого края элемента управления до начала его содержимого.
Поле	Поля между элементами, отображаемыми в этом стиле, и любыми другими GUI Controls.
Перелив	Дополнительное пространство для добавления к фоновому изображению.
Фон	Шрифт, используемый для всего текста в этом стиле
Позиция изображения	Способ сочетания фонового изображения и текста.
Согласование	Стандартные параметры выравнивания текста.
Перенос слов	Если включено, текст, который достигает границ управления, будет переноситься на следующую строку
Вырезка текста	Если включено Перенос слов, выберите способ обработки текста, который выходит за пределы контроля
Перелив	Любой текст, выходящий за пределы границ управления, будет продолжаться за пределами границ
Клип	Любой текст, выходящий за пределы границ контроля, будет скрыт
Смещение содержания	Число пикселей по осям X и Y, на которые будет смещен контент в дополнение ко всем другим свойствам
X	Смещение влево/вправо
Y	Смещение вверх/вниз
Фиксированная ширина	Ширина элемента управления в пикселях; она переопределит любое заданное Rect() значение
Фиксированная высота	Высота элемента управления в пикселях; она переопределит любое заданное Rect() значение
Ширина растяжения	Если включено, то элементы управления, использующие этот стиль, могут быть растянуты горизонтально для лучшего расположения.
Высота растяжения	Если включено, то элементы управления, использующие этот стиль, могут быть растянуты вертикально для лучшего расположения.

Подробности

GUIStyles объявляются из скриптов и изменяются на индивидуальной основе. Если вы хотите использовать один или несколько Управляющих с пользовательским стилем, вы можете объявить этот пользовательский стиль в скрипте и предоставить этот стиль в качестве аргумента функции Control. Это сделает так, что эти Управляющие будут отображаться с определенным вами стилем.

Во-первых, вы должны объявить стиль GUI внутри скрипта.

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

...

Когда вы прикрепите этот скрипт к GameObject, вы увидите пользовательский Стиль, доступный для изменения в Inspector.

Стиль, объявленный в скрипте, может быть изменен в каждом экземпляре скрипту

Теперь, когда вы хотите сказать определенному Управляющему использовать этот Стиль, вы предоставляете имя Стила в качестве последнего аргумента в функции Управляющего.

...

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 IMGUI Button without custom style");
}

Две кнопки, одна со стилем, как создано в примере кода

Для получения дополнительной информации об использовании IMGUI, пожалуйста, прочитайте GUI Руководство по созданию сценариев.

GUIStyle

← Предыдущий шагGUI Кожа (IMGUI Система) Следующий шаг →Расширение редактора IMGUI