UI: UISlider 實現指定範圍值的選擇

標籤：style   blog   color   io   ar   for   sp   div   on   

允許使用者用一個簡單直觀的介面來在一個範圍內選擇一個值。  現在在 viewDidLoad 方法中建立滑動條。在這段代碼中,我們想要滑動條的滑塊在 0 到 100 之間滑動,而且預設的位置為 50. 

 

- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.    _mySlider = [[UISlider alloc]initWithFrame:CGRectMake(0, 0, 200, 23)];    _mySlider.center = self.view.center;    _mySlider.minimumValue = 0.0f;    _mySlider.maximumValue = 100.0f;    _mySlider.value = _mySlider.maximumValue/2.0;        [self.view addSubview:_mySlider];}

Value這個屬性是可以讀寫的.如果你想要滑塊用動畫的方式移動到某個值,可以調用 slider 的 setValue:animated: 方法同時傳遞參數 YES 。

Slider 上的小滑塊叫做 thumb。 如果你想要在 thumb 每次移動時都接收到一個事件的話,就必須用addTarget:action:forControlE vents:方法來將你的對象添加為 slider 的一個 target。 

//thumb 每次移動時都接收到一個事件    [_mySlider addTarget:self action:@selector(sliderValueChange:) forControlEvents:UIControlEventValueChanged];

- (void)sliderValueChange:(id)sender{    NSLog(@"%f",_mySlider.value);}

可能有時候你只想在使用者手指放開 thumb 而且新的值以及設定好以後得到通知。這種情況下你必須把 slider 的 continuous 屬性設定為 NO。當這個屬性被設定為其預設值 YES 時,thumb 滑動時會連續調用 slider 的 target。 

_mySlider.continuous = NO;

slider 的 thumb 可以顯示不同的圖 片。如果你想要修改 thumb 的圖片的話,可以調用 setThumbImage:forState:方法。該方法的第一個參數是圖片,第二個參數有一下幾種情況: UIControlStateNormal
正常狀態的 thumb,即使用者沒有點擊 thumb
UIControlStateHighlighted
選中狀態的 thumb,即使用者點擊 thumb 時顯示的圖片 

[_mySlider setThumbImage:[UIImage imageNamed:@"ThumbNormal.png"] forState:UIControlStateNormal];[_mySlider setThumbImage:[UIImage imageNamed:@"ThumbHighlighted.png"] forState:UIControlStateHighlighted];

 

 

UI: UISlider 實現指定範圍值的選擇