UI控件之UISlider用法


 
 UIslider是一个方便的控件,让用户可以以可视化的方式设置指定范围内的值。和按钮同样,滑块也能响应事件,还可像文本框同样被读取。若是但愿用户对滑块的调整马上影响应用程序,则须要让他触发操做。
 代码自定义控件:

UISlider *m_slider = [[UISlider allocinitWithFrame:CGRectMake(00,20020)]; //初始化 ide

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

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

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

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

[self.view addSubview:slider]; 对象

     -(void)updateValue:(id)sender { 事件

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

} get

下面咱们作一个自定义样式的UISlider string

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
相关文章
相关标签/搜索