Flex元件篇：HSlider和VSlider

梧桐雨—168發表於2008-03-05
Flex元件IDE
Flex提供了水平和垂直兩種滑動杆。
基本使用方法：
01 : mx:HSlider 建立水平滑動杆
02 : mx:VSlider 建立垂直滑動杆
03 : 設定滑動範圍：minimum和 maximum屬性
04 : 設定滑桿的初始值：value屬性
05 : 設定最小滑動間隔為可以設定snapInterval屬性（如snapInterval='2'）
06 : 建立滑桿的標籤可以用labels陣列（Flex會均分顯示標籤位置）
07 : 預設建立的滑動杆都有ToolTip，需要禁止可使用：showToolTip='false'
08 : 如果需要每隔一段距離顯示標記，可以設定tickInterval屬性（如tickInterval='25'）
09 : 可以同時使用兩個箭頭標記：thumbCount（1或2，預設值為1）
10 : 使用雙箭頭的時候設定初始值需要用values陣列（如values='[ 20 , 80 ]'）
11 : 可以利用鍵盤的左右（或上下）方向鍵來移動滑桿
12 : HOME鍵和END鍵（或PageDown和PageUp鍵）分別定位到最小值和最大值


滑桿的change事件
1:
9:
10:
11:
12:

Flex元件篇：HSlider和VSlider
預設，只有當釋放滑桿的時候，change事件才會響應，所以上面的例子TextArea框中的值只有釋放滑桿的時候才會變化。如果設定liveDragging屬性為True的話，就可以做到拖動滑桿的時候就可以響應change事件了。
1:
9:
10:
11:
12:

使用2個滑桿
下面的例子很好的演示瞭如何兩個滑桿，請注意thumbIndex屬性的用法
1:
2:
12:
13:
14:
15:
16:
17:
18:

Flex元件篇：HSlider和VSlider

定製ToolTip
預設的提示框會顯示當前的值，我們可以自定義自己的提示資訊，看下面的例子。
1:
9:
10:
11:

Flex元件篇：HSlider和VSlider

Flex元件篇：HSlider和VSlider13270562_200803052232141.gif

Flex元件篇：HSlider和VSlider13270562_200803052232142.gif

Flex元件篇：HSlider和VSlider13270562_200803052232143.gif

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/13270562/viewspace-200414/，如需轉載，請註明出處，否則將追究法律責任。

相關文章