Главная » ActionScript » Об обложках

0

Внешний вид компонента состоит из графических элементов, например контура, цвета заливки, значков и даже других компонентов. ComboBox, например, содержит компонент List, а компонент List содержит компонент ScrollBar. Сочетание графических элементов образует внешний вид компонента ComboBox. Однако внешний вид компонента изменяется в зависимости от его текущего состояния. Например, компонент CheckBox, без метки, выглядит примерно так в вашем приложении:

Доступ к отдельным обложкам компонента можно также получить из панели "Библиотека". При перетаскивании компонента в рабочую область он копируется в библиотеку вместе с папкой его активов и всеми компонентами, которые он содержит. Например, при перетаскивании компонента ComboBox в рабочую область панель "Библиотека" также будет содержать компоненты List, ScrollBar и TextInput, встроенные в поле со списком, а также папку с обложками для каждого из этих компонентов и папку "Общие активы", содержащую общие для компонентов элементы. Можно изменить обложку любого из этих компонентов, открыв папку с его обложками (ComboBoxSkins, ListSkins, ScrollBarSkins или TextInputSkins) и дважды щелкнув значок обложки, которую нужно изменить. При двойном щелчке на ComboBox_downSkin, например, открывается обложка в режиме редактирования символов, как показано на рисунке ниже:

ComboBox_downSkin

Создание новой обложки

Для изменения внешнего вида компонента в документе необходимо отредактировать его обложки. Для доступа к обложкам компонента просто дважды щелкните компонент в рабочей области, чтобы открыть палитру его обложек. Затем дважды щелкните обложку, которую нужно отредактировать, чтобы открыть ее в режиме редактирования символов. Например, дважды щелкните компонент TextArea в рабочей области, чтобы открыть его активы в режиме редактирования символов. Установите масштаб на 400 % или выше и отредактируйте символ, чтобы изменить его внешний вид. Внесенные изменения отразятся на всех экземплярах компонента в документе. Вместо этого можно дважды щелкнуть конкретную обложку на панели "Библиотека", чтобы открыть ее в рабочей области в режиме редактирования символов.

Обложки компонента можно изменять следующим образом:

•   Создать новую обложку для всех экземпляров.

•   Создать новые обложки для отдельных экземпляров.

Создание обложки для всех экземпляров

При редактировании обложки компонента по умолчанию изменяется внешний вид всех экземпляров этого компонента в документе. Если необходимо создать различные обложки для одного и того же компонента, необходимо продублировать обложки, которые нужно изменить, и присвоить им разные имена, затем отредактировать их и задать соответствующие стили для их применения. Дополнительную информацию см. в разделе «Создание обложек для отдельных экземпляров» на странице 108.

В данной главе рассматривается процедура изменения одной или нескольких обложек каждого из компонентов пользовательского интерфейса. Выполнив одну из этих процедур по изменению одной или нескольких обложек компонента пользовательского интерфейса, вы измените обложки для всех экземпляров в документе.

Создание обложек для отдельных экземпляров

При помощи следующей процедуры можно создать обложку для отдельных экземпляров компонента:

•   Выберите обложку в папке активов компонента на панели "Библиотека".

•   Продублируйте обложку и присвойте ей уникальное имя класса.

•   Отредактируйте обложку для придания ей необходимого внешнего вида.

•   Вызовите метод setStyle() для экземпляра компонента, чтобы назначить новую обложку стилю обложки. Следующая процедура создает новую обложку selectedDownSkin для одного из двух экземпляров Button.

1   Создайте новый файл Flash (ActionScript 3.0).

2   Перетащите две кнопки с панели "Компоненты" в рабочую область и присвойте им имена экземпляров

aButton и bButton.

3   Откройте папки "Component Assets" и "ButtonSkins" на панели "Библиотека".

4   Щелкните мышью обложку selectedDownSkin, чтобы выделить ее.

5   Щелкните ее правой кнопкой мыши, чтобы открыть контекстное меню, и выберите пункт "Дублировать".

6   В диалоговом окне "Дублировать символ" присвойте новой обложке уникальное имя, например

Button_mySelectedDownSkin. Затем нажмите кнопку "ОК".

7   В папке "Библиотека" > "Component Assets" > "ButtonSkins" выберите обложку Button_mySelectedDownSkin и щелкните ее правой кнопкой мыши, чтобы открыть контекстное меню. Нажмите "Связывание", чтобы открыть диалоговое окно "Свойства связывания".

8   Установите флажок "Экспорт для ActionScript". Установите флажок "Экспортировать в первый кадр" и убедитесь, что имя класса уникальное. Нажмите кнопку "ОК", затем нажмите "ОК" еще раз в ответ на предупреждение, что определение класса не найдено и будет создано.

9   Дважды щелкните обложку Button_mySelectedDownSkin на панели "Библиотека", чтобы открыть ее в режиме редактирования символов.

10 Щелкните голубой заполнитель в центре обложки, чтобы цвет появился в палитре цветов "Заливка" в

Инспекторе свойств. Щелкните палитру цветов и выберите цвет #00CC00 для заливки обложки.

11 Нажмите кнопку "Назад" в левой части панели правки над рабочей областью, чтобы вернуться в режим редактирования документа.

12 В Инспекторе свойств выберите вкладку "Параметры" для каждой кнопки и установите параметр toggle на значение true.

13 Вставьте следующий код в Кадр 1 временной шкалы на панели "Действия":

bButton.setStyle("selectedDownSkin", Button_mySelectedDownSkin);

bButton.setStyle("downSkin", Button_mySelectedDownSkin);

14 Выберите "Управление" > "Тестировать ролик".

15 Щелкните мышью каждую кнопку. Заметьте, что для обложки нажатого состояния (выбранной или невыбранной кнопки) объекта bButton используется новый символ.

Источник: Использование компонентов ActionScript 3.0 – 2008

По теме:

  • Комментарии