|
Компонент TileList можно изменять по горизонтали и по вертикали как во время разработки, так и при исполнении. При разработке выделите компонент в рабочей области и используйте инструмент «Свободное преобразование» или одну из команд «Модификация» > «Преобразовать». При исполнении используйте метод
setSize()
или соответствующие свойства, например
width
,
height
,
columnCount
,
rowCount
,
scaleX
и
scaleY
. Масштаб компонента ScrollBar, содержащегося в компоненте TileList, изменяется с полем списка.
Стили и компонент TileList
Стили компонента TileList задают значения для его обложек, внутренних полей и форматирования текста при отрисовке компонента. Стили
texFormat
и
disabledTextFormat
определяют стиль текста, отображаемого компонентом. Дополнительную информацию о стилях обложек см. в разделе
Использование обложек для компонента TileList
.
Следующий пример вызывает метод
setRendererStyle()
с использованием стиля
textFormat
для задания шрифта, размера, цвета и атрибутов текста меток, отображаемых в экземпляре компонента TileList. Ту же процедуру можно использовать для задания стиля
disabledTextFormat
, который применяется, если свойство
enabled
установлено на значение
false
.
-
Создайте новый документ Flash (ActionScript 3.0).
-
Перетащите компонент TileList в рабочую область и присвойте ему имя экземпляра
myTl
.
-
Вставьте следующий код в Кадр 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.
-
Создайте документ Flash (ActionScript 3.0).
-
Перетащите компонент TileList в рабочую область и дважды щелкните его, чтобы открыть панель обложек.
-
Дважды щелкните обложку CellRenderer, затем дважды щелкните обложку Selected_Up, а затем щелкните прямоугольник фона.
-
В палитре «Заливка» в Инспекторе свойств выберите цвет #99FFFF, чтобы применить его к обложке Selected_Up.
-
Нажмите кнопку «Назад» в левой части панели правки над рабочей областью, чтобы вернуться в режим редактирования документа.
-
На вкладке Инспектора свойств «Параметры» дважды щелкните второй столбец строки dataProvider, чтобы открыть диалоговое окно «Значения». Вставьте элементы со следующими метками: 1-й элемент, 2-й элемент, 3-й элемент, 4-й элемент.
-
Выберите «Управление» > «Тестировать ролик».
-
Щелкните одну из ячеек компонента TileList, чтобы выделить ее, затем отведите указатель мыши от выделенной ячейки.
Выделенная ячейка должна выглядеть так, как показано на рисунке ниже:
Компонент TileList с измененным цветом обложки Selected_Up
|
|
|
