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

0

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

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

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

Для изменения внешнего вида компонента List можно задать свойства стиля. Стили задают значения для обложек и внутренних полей компонента при его отрисовке.

Различные стили обложки позволяют задавать различные классы для использования в обложках. Дополнительную информацию об использовании стилей обложки см. в разделе «Об обложках» на странице 106.

Следующая процедура задает значение стиля contentPadding для компонента List. Заметьте, что значение данного параметра вычитается из значения размера компонента List для образования внутреннего поля вокруг содержимого, поэтому может потребоваться увеличить размер списка, чтобы предотвратить обрезку текста в нем.

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

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

aList.

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

aList.setStyle("contentPadding", 5);

aList.setSize(145, 200);

aList.addItem({label:"1956 Chevy (Cherry Red)", data:35000}); aList.addItem({label:"1966 Mustang (Classic)", data:27000}); aList.addItem({label:"1976 Volvo (Xcllnt Cond)", data:17000}); aList.rowCount = aList.length;

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

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

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

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

Дополнительную информацию о выборе обложки для компонента ScrollBar см. в разделе «Настройка компонента UIScrollBar» на странице 138. Информацию о настройке обложки Focus Rect см. в разделе

«Настройка компонента TextArea» на странице 132

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

Дважды щелкните обложку Cell Renderer, чтобы открыть вторую палитру обложек для различных состояний ячейки компонента List.

Обложки Cell Renderer компонента List

Можно изменить внешний вид ячеек списка, отредактировав эти обложки. Следующая процедура изменяет цвет обложки Up для изменения внешнего вида списка в его нормальном неактивном состоянии.

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

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

aList.

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

4   Дважды щелкните обложку Cell Renderer, чтобы открыть палитру обложек средства отображения ячеек.

5   Дважды щелкните обложку Up_Skin, чтобы открыть ее для редактирования.

6   Щелкните область заливки обложки, чтобы выбрать ее. При этом должна появиться палитра "Заливка" в

Инспекторе свойств с текущим цветом заливки обложки.

7   В палитре "Заливка" выберите цвет #CC66FF, чтобы применить его к заливке обложки Up_Skin.

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

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

aList.setStyle("contentPadding", 5);

aList.setSize(145, 200);

aList.addItem({label:"1956 Chevy (Cherry Red)", data:35000}); aList.addItem({label:"1966 Mustang (Classic)", data:27000}); aList.addItem({label:"1976 Volvo (Xcllnt Cond)", data:17000}); aList.rowCount = aList.length;

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

Компонент List должен отображаться так, как показано на рисунке ниже:

Ячейки списка с пользовательским цветом обложки Up_Skin

Рамка получилась в результате задания стиля contentPadding.

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

По теме:

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