
Шкала (Slider)
Этот компонент позволяет создавать горизонтальные или вертикальные шкалы, позволяющие пользователю легко задавать значения, находящиеся в определенном диапазоне.
Параметры компонента
Параметр |
Значение |
direction |
Направление шкалы. vertical – вертикальная шкала, horizontal - горизонтальная |
liveDragging |
Значение true соответствует такому режиму работы шкалы, когда возможно обрабатывать любые перемещения указателя шкалы (событие передвижения указателя будет генерироваться постоянно во время перетаскивания указателя), false (по умолчанию) означает, что шкала выдает только один конечный результат (событие передвижения указателя будет генерироваться только после его отпускания) |
enabled |
false – компонент запрещен к использованию, true – компонент активен (по умолчанию). В неактивном состоянии компонент подсвечивается серым цветом. |
visible |
false – компонент невидим, true – компонент является видимым |
maximum |
Максимальное значение для шкалы. По умолчанию равно 10 |
minimum |
Значение для минимального деления на шкале. По умолчанию равно нулю. |
value |
Текущее значение, выбранное на шкале |
snapInterval |
Расстояние между соседними значениями, которые можно выбрать на шкале. Этому свойству можно задавать и рациональные значения (например, 0.5). |
tickInterval |
расстояние между делениями шкалы. По умолчанию значение этого свойства равно нулю (делений на шкале нет) |
Для данного компонента возможна обработка четырех уникальных для данного компонента событий:
SliderEvent.CHANGE – событие возникает каждый раз, когда изменяется значение свойства value компонента;
SliderEvent.THUMB_DRAG – событие возникает тогда, когда пользователь зажал кнопку мыши и перетаскивает указатель на шкале;
SliderEvent.THUMB_PRESS – событие возникает тогда, когда пользователь нажал кнопку мыши в то время, как ее указатель находится над кнопкой указателя шкалы;
SliderEvent.THUMB_RELEASE – событие возникает в случае, если пользователь нажал и отпустил кнопку мыши, находясь над указателем шкалы.
Чтобы обрабатывать эти события, класс SliderEvent нужно импортировать в основной скрипт:
import fl.events.SliderEvent;
Пример. На рабочем листе находится клип с именем clip и slider1 – экземпляр компонента Slider. Компонент настроен таким образом, чтобы пользователь мог выбрать с его помощью значения от 1 до 5 с интервалом 0.25. При перетаскивании указателя шкалы клип соответствующим образом изменяет масштаб.
Свойству liveDragging компонента нужно присвоить значение true, это позволит динамически изменять масштаб клипа одновременно с управлением шкалой.
import fl.events.SliderEvent;
slider1.addEventListener(SliderEvent.CHANGE, slider1Change);
function slider1Change(_event:SliderEvent)
{
clip.scaleX = _event.value;
clip.scaleY = _event.value;
}
slider1Change – функция – обработчик события, передаваемый в нее объект события имеет тип SliderEvent. В теле функции мы изменяем масштаб клипа. Объект класса SliderEvent имеет особое свойство – value – это значение, выбранное на шкале.