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

0

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

Изменение размера компонента NumericStepper не влияет на ширину кнопок со стрелками вверх и вниз. Если высота компонента меняется на большую, чем высота по умолчанию, кнопки со стрелками закрепляются сверху и снизу компонента по умолчанию. В противном случае отрисовка кнопок определяется 9-зонным масштабированием. Кнопки со стрелками всегда расположены справа от текстового окна.

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

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

В данной процедуре используется стиль textFormat для изменения внешнего вида значения, отображаемого компонентом NumericStepper.

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

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

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

var tf:TextFormat = new TextFormat();

myNs.setSize(100, 50); tf.color = 0x0000CC; tf.size = 24;

tf.font = "Arial"; tf.align = "center"; myNs.setStyle("textFormat", tf);

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

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

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

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

Если компонент неактивен, он отображает состояние disabled независимо от действий пользователя. Компонент NumericStepper имеет следующие обложки:

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

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

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

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

4   Дважды щелкните фон обложки компонента TextInput на панели обложек, чтобы перейти вниз по иерархии на уровень "Группа". При этом цвет фона появится в палитре "Заливка" в Инспекторе свойств.

5   В палитре "Заливка" в Инспекторе свойств выберите цвет #9999FF, чтобы применить его к фону обложки компонента TextInput.

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

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

8   Дважды щелкните фон кнопки со стрелкой вверх в группе Up, чтобы выбрать фон. При этом цвет фона появится в палитре "Заливка" в Инспекторе свойств.

9   Выберите цвет #9966FF, чтобы применить его к фону кнопки со стрелкой вверх.

10 Повторите шаги 8 и 9 для стрелки вниз в группе Up.

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

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

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

По теме:

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