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

0

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

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

Если метка компонента не помещается в ограничивающий прямоугольник, она обрезается.

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

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

Следующий пример возвращает стиль textFormat компонента CheckBox и применяет его к компоненту

RadioButton, чтобы стиль их меток был одинаковым.

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

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

3   Перетащите компонент RadioButton в рабочую область и присвойте ему имя экземпляра myRb в

Инспекторе свойств.

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

var tf:TextFormat = new TextFormat();

tf.color = 0x00FF00; tf.font = "Georgia"; tf.size = 18;

myCh.setStyle("textFormat", tf);

myRb.setStyle("textFormat", myCh.getStyle("textFormat"));

Данный код задает стиль textFormat для флажка, затем применяет его к переключателю путем вызова метода getStyle() для флажка.

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

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

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

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

Если компонент RadioButton активен и не выбран, он отображает обложку over. Когда пользователь щелкает компонент RadioButton, он получает фокус ввода и отображает обложку selected_down. Когда пользователь отпускает кнопку мыши, компонент RadioButton отображает обложку selected_up. Если пользователь выводит указатель за пределы области попадания компонента RadioButton при нажатой кнопке мыши, компонент RadioButton снова отображается с обложкой up.

Если компонент RadioButton неактивен, он отображает состояние disabled вне зависимости от действий пользователя.

Следующий пример удаляет обложку selected_up, которая указывает на состояние selected.

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

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

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

4   Дважды щелкните обложку selected_up, чтобы выделить ее, и нажмите клавишу Delete для ее удаления.

5   Выберите инструмент "Прямоугольник" на панели "Инструменты".

6   В Инспекторе свойств задайте красный цвет линии (#FF0000) и черный цвет заливки (#000000).

7   В месте перекрестия, которое обозначает точку регистрации символа (также известную как исходная точка

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

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

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

10 Щелкните мышью компонент RadioButton, чтобы выбрать его.

В состоянии selected компонент RadioButton должен выглядеть, как на рисунке ниже.

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

По теме:

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