UISlider 滑塊控制項—IOS開發

聲明 歡迎轉載，但是請尊重作者勞動成果，轉載請保留此框內聲明，謝謝。 文章出處：http://blog.csdn.net/iukey

PC上的滑塊是很醜陋的，因為我們只能通過滑鼠去拖動他。不過當Jobs把它移植到IOS上時一切變得酷起來，因為我們可以通過手指去拖動它，這種感覺是很妙的。

滑塊為使用者提供了一種可見的做範圍調整的方法，使用者可以通過拖動一個滑動條改變它的值，並且可以對其配置以合適不同範圍。你可以設定滑塊值的範圍，也可以在兩端加片，以及進行各種調整讓它更美觀。滑塊非常適合用於表示在很大範圍（但不精確）的數值中進行選擇，比如音量設定、靈敏度控制等諸如此類的用途。

一、建立

滑塊是一個標準的UIControl。我們可以通過代碼建立，如同開關(UISwitch)的寬與高都會被忽略一樣滑塊的高也會被忽略(但是寬度不會)：

UISlider* mySlider = [ [ UISlider alloc ] initWithFrame:CGRectMake(20.0,10.0,200.0,0.0) ];//高度設為0就好  

二、定義範圍與預設值

建立完畢的同時我們要設定好滑塊的範圍，如果你沒有設定，那麼會使用預設的 0.0 到 1.0 之間的值。UISlider提供了兩個屬性來設定範圍：mininumValue 和 maxinumValue：

mySlider.mininumValue = 0.0;//下限mySlider.maxinumValue = 50.0;//上限

同時你也可以為滑塊設定一個預設值：

mySlider.value = 22.0;

三、兩端添加圖片

滑塊可以在任何一段顯示映像。添加映像後會導致滑動條縮短，所以記得要記得在建立的時候增加滑塊的寬度來適應映像。

[ mySlider setMininumTrackImage: [ UIImage applicationImageNamed:@"min.png" ] forState: UIControlStateNormal ];[ mySlider setMaxinumTrackImage: [ UIImage applicationImageNamed:@"max.png" ] forState: UIControlStateNormal ];

你可以根據滑塊的各種不同狀態顯示不同的映像。下面是可用狀態：

UIControlStateNormal

UIControlStateHighlighted

UIControlStateDisabled

UIControlStateDisabled

UIControlStateSelected

四、顯示控制項

[ parentView addSubview:myslider ];//添加到父視圖或[ self.navigationItem.titleView addSubview:myslider ];//添加到導覽列

五、讀取控制項值

float value = mySlider.value;

六、通知

要想在滑塊值改變時收到通知，可以用UIControl類的addTarget方法為UIControlEventValueChanged事件添加一個動作。

[ mySlider addTarget:self action:@selector(sliderValueChanged:) forControlEventValueChanged ];

只要滑塊停放（注意是停放，如果要在拖動中也觸發，請看後文）到新的位置，你的動作方法就會被調用：

- (void) sliderValueChanged:(id)sender{        UISlider* control = (UISlider*)sender;        if(control == mySlider){                  float value = control.value;                   /* 添加自己的處理代碼 */         }}

如果要在拖動中也觸發，需要設定滑塊的 continuos 屬性：

mySlider.continuous = YES ;

這個通知最簡單的一個執行個體就是即時顯示滑塊的值，很奇怪的蘋果顯示滑塊的值是一個私人的API（setShowValue），私人就私人，大不了我不用就是。我們可以用一個UILabel來顯示值，在每次觸發上面的方法時改變label的值，不就可以即時顯示了嗎？當然我們可以做的不僅僅是這個，還有更多的 cool 事情可以去實現，就看你的手段與想象力了。