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

0

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

Можно лишь увеличить длину ползунка. Увеличить его высоту невозможно. Flash игнорирует свойство height и параметр height метода setSize(). Однако можно создать вертикальный ползунок и увеличить его размер по вертикали.

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

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

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

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

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

Следующий пример изменяет цвет дорожки движения вверх на синий.

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

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

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

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

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

6   Выберите верхнюю полосу, щелкнув ее мышью. При этом ее цвет появится в палитре "Заливка" в

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

7   В палитре "Заливка" в Инспекторе свойств выберите цвет #000066, чтобы применить его к верхней полосе дорожки ползунка.

8   Щелкните среднюю полосу дорожки ползунка, чтобы выбрать ее. При этом ее цвет появится в палитре

"Заливка" в Инспекторе свойств.

9   В палитре "Заливка" в Инспекторе свойств выберите цвет #0066FF, чтобы применить его к средней полосе дорожки ползунка.

10 Щелкните нижнюю полосу дорожки ползунка, чтобы выбрать ее. При этом ее цвет появится в палитре

"Заливка" в Инспекторе свойств.

11 В палитре "Заливка" в Инспекторе свойств выберите цвет #00CCFF, чтобы применить его к нижней полосе дорожки ползунка.

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

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

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

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

По теме:

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