您的位置:首页 > 产品设计 > UI/UE

UISlider

2015-11-21 20:13 453 查看
UIslider滑块控件在IOS开发中会常用到,可用于调节音量,字体大小等UI方面的交互,用法总结如下:

初始化

UISlider*slider=[[UISlideralloc]initWithFrame:CGRectMake(0,0,100,100)];


设置滑块位置

@property(nonatomic)floatvalue;
这个值是介于滑块的最大值和最小值之间的,如果没有设置边界值,默认为0-1;

设置滑块最小边界值(默认为0)

@property(nonatomic)floatminimumValue;

设置滑块最大边界值(默认为1)

@property(nonatomic)floatmaximumValue;

设置滑块最左端显示的图片:

@property(nonatomic,retain)UIImage*minimumValueImage;

设置滑块最右端显示的图片:

@property(nonatomic,retain)UIImage*maximumValueImage;

设置滑块值是否连续变化(默认为YES)

@property(nonatomic,getter=isContinuous)BOOLcontinuous;

这个属性设置为YES则在滑动时,其value就会随时变化,设置为NO,则当滑动结束时,value才会改变。

设置滑块左边(小于部分)线条的颜色

@property(nonatomic,retain)UIColor*minimumTrackTintColor;

设置滑块右边(大于部分)线条的颜色

@property(nonatomic,retain)UIColor*maximumTrackTintColor;

设置滑块颜色(影响已划过一端的颜色)

@property(nonatomic,retain)UIColor*thumbTintColor;

注意这个属性:如果你没有设置滑块的图片,那个这个属性将只会改变已划过一段线条的颜色,不会改变滑块的颜色,如果你设置了滑块的图片,又设置了这个属性,那么滑块的图片将不显示,滑块的颜色会改变(IOS7)

手动设置滑块的值:

-(void)setValue:(float)valueanimated:(BOOL)animated;

设置滑块的图片:

-(void)setThumbImage:(UIImage*)imageforState:(UIControlState)state;

设置滑块划过部分的线条图案

-(void)setMinimumTrackImage:(UIImage*)imageforState:(UIControlState)state;

设置滑块未划过部分的线条图案

-(void)setMaximumTrackImage:(UIImage*)imageforState:(UIControlState)state;

对应的几个get方法

-(UIImage*)thumbImageForState:(UIControlState)state;
-(UIImage*)minimumTrackImageForState:(UIControlState)state;
-(UIImage*)maximumTrackImageForState:(UIControlState)state;

对应的设置当前状态的响应属性的方法

@property(nonatomic,readonly)UIImage*currentThumbImage;
@property(nonatomic,readonly)UIImage*currentMinimumTrackImage;
@property(nonatomic,readonly)UIImage*currentMaximumTrackImage;

添加事件

[slideraddTarget:selfaction:@selector(
log
:)forControlEvents:UIControlEventValueChanged];
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: