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

0

Компонент TileList можно изменять по горизонтали и по вертикали как во время разработки, так и при исполнении. При разработке выделите компонент в рабочей области и используйте инструмент "Свободное преобразование" или одну из команд "Модификация" > "Преобразовать". При исполнении используйте метод setSize() или соответствующие свойства, например width, height, columnCount, rowCount, scaleX и scaleY. Масштаб компонента ScrollBar, содержащегося в компоненте TileList, изменяется с полем списка.

Стили и компонент TileList

Стили компонента TileList задают значения для его обложек, внутренних полей и форматирования текста при отрисовке компонента. Стили texFormat и disabledTextFormat определяют стиль текста, отображаемого компонентом. Дополнительную информацию о стилях обложек см. в разделе «Использование обложек для компонента TileList» на странице 136.

Следующий пример вызывает метод setRendererStyle() с использованием стиля textFormat для задания шрифта, размера, цвета и атрибутов текста меток, отображаемых в экземпляре компонента TileList. Ту же процедуру можно использовать для задания стиля disabledTextFormat, который применяется, если свойство enabled установлено на значение false.

1   Создайте новый документ Flash (ActionScript 3.0).

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

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

myTl.setSize(100, 100); myTl.addItem({label:"#1"}); myTl.addItem({label:"#2"}); myTl.addItem({label:"#3"}); myTl.addItem({label:"#4"});

var tf:TextFormat = new TextFormat();

tf.font = "Arial"; tf.color = 0x00FF00; tf.size = 16; tf.italic = true; tf.bold = true; tf.underline = true; tf.align = "center";

myTl.setRendererStyle("textFormat", tf);

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

Компонент TileList имеет обложки TileList, CellRenderer и ScrollBar. Можно редактировать эти обложки в целях изменения внешнего вида компонента TileList:

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

Примечание. Изменение обложки ScrollBar в одном компоненте приведет к ее изменению во всех других компонентах, использующих компонент ScrollBar.

Следующая процедура изменяет цвет обложки CellRenderer Selected_Up компонента TileList.

1   Создайте документ Flash (ActionScript 3.0).

2   Перетащите компонент TileList в рабочую область и дважды щелкните его, чтобы открыть панель обложек.

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

4   В палитре "Заливка" в Инспекторе свойств выберите цвет #99FFFF, чтобы применить его к обложке

Selected_Up.

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

6   На вкладке Инспектора свойств "Параметры" дважды щелкните второй столбец строки dataProvider, чтобы открыть диалоговое окно "Значения". Вставьте элементы со следующими метками: 1-й элемент, 2-й элемент, 3-й элемент, 4-й элемент.

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

8   Щелкните одну из ячеек компонента TileList, чтобы выделить ее, затем отведите указатель мыши от выделенной ячейки.

Выделенная ячейка должна выглядеть так, как показано на рисунке ниже:

Компонент TileList с измененным цветом обложки Selected_Up

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

По теме:

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