Главная » ActionScript » Настройка компонента ColorPicker

0

Изменить размер компонента ColorPicker можно только через его стили: swatchWidth, swatchHeight, backgroundPadding, textFieldWidth и textFieldHeight. При попытке изменить размер палитры при помощи инструмента преобразования или при помощи ActionScript, используя метод setSize(), или через свойства width, height, scaleX или scaleY эти значения игнорируются при создании SWF-файла, и компонент ColorPicker отображается с размером по умолчанию. Размер фона палитры изменится в соответствии с количеством столбцов, заданным при помощи метода setStyle() для стиля columnCount. Количество столбцов по умолчанию равно 18. Можно задать 1024 пользовательских цвета, и палитра изменит свой размер по вертикали в соответствии с количеством образцов.

Использование стилей для компонента ColorPicker

Для изменения внешнего вида компонента ColorPicker можно задать несколько стилей. Например, следующая процедура изменяет количество столбцов (columnCount) в палитре на 12, изменяет высоту (swatchHeight) и ширину (swatchWidth) образцов цвета, а также изменяет внутренние поля текстового поля (textPadding) и фона (backgroundPadding).

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

2   Перетащите компонент ColorPicker в рабочую область и присвойте ему имя экземпляра aCp.

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

aCp.setStyle("columnCount", 12); aCp.setStyle("swatchWidth", 8); aCp.setStyle("swatchHeight", 12); aCp.setStyle("swatchPadding", 2); aCp.setStyle("backgroundPadding", 3); aCp.setStyle("textPadding", 7);

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

5   Откройте компонент ColorPicker, щелкнув его мышью, чтобы увидеть, как эти параметры изменили его внешний вид.

Использование обложек для компонента ColorPicker

Компонент ColorPicker использует следующие обложки для визуализации своих состояний.

Обложки компонента ColorPicker

Можно изменить цвет обложки Background для изменения цвета фона палитры.

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

2   Перетащите компонент ColorPicker в рабочую область.

3   Дважды щелкните компонент, чтобы открыть палитру его обложек.

4   Дважды щелкните обложку Background, чтобы выбрать ее, после чего в Инспекторе свойств появится палитра "Заливка".

5   В палитре "Заливка" выберите цвет #999999, чтобы применить его к обложке Background.

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

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

Если щелкнуть палитру, ее фон должен быть серым, как на рисунке ниже.

Компонент ColorPicker с темно-серой обложкой Background

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

По теме:

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