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

0

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

Компонент ProgressBar имеет три обложки: для дорожки, полосы заполнения и неопределенного режима. Для масштабирования активов используется 9-зонное масштабирование.

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

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

1   Создайте новый FLA-файл.

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

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

myPb.width = 300;

myPb.height = 30;

myPb.setStyle("barPadding", 3);

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

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

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

Компонент ProgressBar имеет обложки для представления дорожки индикатора, заполненной полосы и полосы неопределенного режима, как показано на рисунке ниже.

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

Полоса заполнения накладывается на дорожку, используя параметр barPadding для определения положения. Активы масштабируются с использованием 9-зонного масштабирования.

Полоса неопределенного режима используется, если свойство indeterminate экземпляра ProgressBar установлено на значение true. Эта обложка может изменяться по вертикали и горизонтали в соответствии с размером индикатора выполнения.

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

1   Создайте новый FLA-файл.

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

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

4   Установите масштаб на 400 %, чтобы увеличить значок для редактирования.

5   Дважды щелкните одну из диагональных полос, затем, удерживая клавишу Shift, щелкните все остальные.

Текущий цвет появится в палитре "Заливка" в Инспекторе свойств.

6   Откройте щелчком мыши палитру "Заливка" в Инспекторе свойств и выберите цвет #00CC00, чтобы применить его к выбранным диагональным полосам.

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

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

Индикатор выполнения должен выглядеть так, как показано на рисунке ниже.

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

По теме:

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