Настройка компонента Slider

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

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

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

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

Обложки и компонент 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 должен отображаться так, как показано на рисунке ниже.

    Компонент Slider с пользовательским цветом дорожки