UI控件之UISlider用法

 UIslider是一個方便的控件，讓用戶可以以可視化的方式設置指定範圍內的值。和按鈕同樣，滑塊也能響應事件，還可像文本框同樣被讀取。若是但願用戶對滑塊的調整馬上影響應用程序，則須要讓他觸發操做。

 代碼自定義控件:

UISlider *m_slider = [[UISlider alloc] initWithFrame:CGRectMake(0, 0,200, 20)]; //初始化

m_slider.minimumValue = 0;;//指定可變最小值

m_slider.maximumValue = 100;//指定可變最大值

m_slider.value = 50;//指定初始值

[m_slider addTarget:selfaction:@selector(updateValue:) forControlEvents:UIControlEventValueChanged];

[self.view addSubview:slider];

     -(void)updateValue:(id)sender {

         NSLog(@"%f",m_slider.value);

}

下面咱們作一個自定義樣式的UISlider

在viewController.h中聲明UISlider對象

@property (weak, nonatomic) IBOutlet UISlider *m_Slider;

而且經過拖拽聲明IBAction方法:

- (IBAction)updateValue:(id)sender;

以後在viewController.m中對建立的m_Slider初始化它的屬性：

@implementation ...

@synthesize m_Slider;

-(void)viewDidLoad{

[super viewDidLoad];

    m_Slider.minimumValue = 0;//／／指定可變最小

    m_Slider.maximumValue = 100;//／／指定可變最大值

m_Slider.value = 50;

    m_Slider.backgroundColor=[UIColor clearColor];//將背景顏色設置成透明的,方便設置Slider樣式

[m_Slider setMinimumTrackImage:[UIImage imageNamed:@"min.png"]forState:UIControlStateNormal];//設置滑條左側的圖片

    [m_Slider setMaximumTrackImage:[UIImage imageNamed:@"max.png"]forState:UIControlStateNormal];//設置滑條右側的圖片

    [m_Slider setThumbImage:[UIImage imageNamed:@"slider.png"]forState:UIControlStateHighlighted];//設置點擊滑塊兒的圖片

    [m_Slider setThumbImage:[UIImage imageNamed:@"slider.png"]forState:UIControlStateNormal];//設置滑塊兒未點擊時的圖片

}

- (IBAction)updateValue:(id)sender {

    UISlider * sl=(UISlider*)sender;

    textLab.text=[NSString stringWithFormat:@"%.2f",sl.value];

}

UILabel我就不作了，哪裏不明白就留言吧，這是運行時候的圖片，因爲圖是本身匆匆忙忙摳的圖，有點蹉，將就着看吧，而後最後給你們留下我本身扣的圖片給大家作樣式的。

右滑條:max.png

左滑條:min.png

滑塊兒:slider.png