Slider 滑軌 (滑動軸)

提供使用者可拖移的滑軌,以視覺化方式變更數值。

Slider 類別與物件 - fl.controls 套件

建構 Slider 物件

從組件視窗將 Slider 組件加入元件庫,
  1. import fl.controls.*;
  2. var sr:Slider=new Slider();
  3. addChild(sr);
另外,也可從組件視窗將 Slider 組件放入舞台,為 Slider 實體命名。

Slider 的屬性與方法

Slider 繼承 UIComponent
[屬性]
maximum
  • 設定或取得滑軌的最大數值。
  • maximum:Number [讀寫] ,預設值為 10。
  • sr.maximum=100 // 指定 sr 物件的最大值。
minimum
  • 設定或取得滑軌的最小數值 。
  • minimum:Number [讀寫] ,預設值為 0 。
  • sr.minimum=1 // 指定 sr 物件的最小值。
snapInterval
  • 設定或取得拖移滑軌時的固定增減數值 (位移距離) ,如指定為 5 ,則拖移滑軌時只會在 0, 5, 10, 15 …等固定距離位移。
  • snapInterval:Number [讀寫] ,預設值為 0 。
  • sr.snapInterval=10 // 指定 sr 物件滑動時以 10 的倍數位移。
tickInterval
  • 設定或取得滑軌刻度間隔距離, 只要定義為不是 0 值,Slider 物件就會顯出刻度標記。
  • tickInterval:Number [讀寫] ,預設值為 0 。
  • sr.tickInterval=10 // 指定 sr 物件出現以 10 為間隔的刻度。
value
  • 設定或取得滑軌對應的數值。
  • value:Number [讀寫] ,預設值為 0 。
  • sample.x=sr.value // 將 sr 滑軌物件目前對應的數值,指定給 sample 物件的 x 座標。
liveDragging
  • 設定或取得使用者移動滑軌時 (如 SliderEvent.CHANGE 事件) ,是否同時傳送數值。
  • liveDragging:Boolean [讀寫] ,預設值為 false 。
  • sr.liveDragging=true // 指定 sr 物件被拖移時即傳送數值。
direction
  • 設定或取得滑軌的方向
    • SliderDirection.HORIZONTAL :水平型滑軌 (預設值) 。
    • SliderDirection.VERTICAL :垂直型水平滑軌 。
  • direction:String [讀寫] 。
  • sr.direction=SliderDirection.VERTICAL // 指定 sr 物件為垂直型滑軌。
[事件]
change
  • 代表滑軌有變動時。
  • 建議使用 SliderEvent.CHANGE 靜態常數代表。