进度条和滑动条组件非常常见,在ios中进度条组件是无法响应事件的。滑动条可响应事件。但是这两个组件均不可设置高度,可设置x,y,width
进度条属性
名称 类型 说明 默认值 progressViewStyle UIProgressViewStyle 进度条样式 UIProgressViewStyleDefault progress float 进度条的值, 0~1 0 progressTintColor UIColor 进度条的激活颜色 trackTintColor UIColor 进度条的未激活的颜色 progressImage UIImage 进度条的激活显示图片 trackImage UIImage 进度条的未激活显示图片
进度条API
- (void)setProgress:(float)progress animated:(BOOL)animated
设置进度条的值
- ( void ) createProgress { _progress = [ [ UIProgressView alloc] init] ; _progress. frame = CGRectMake ( 20 , 100 , 300 , 0 ) ; _progress. progress = 0.3 ; [ _progress setProgress: 0.6 animated: YES] ; _progress. progressTintColor = [ MyUI getThemeColor] ; _progress. trackTintColor = [ UIColor grayColor] ; [ self . view addSubview: _progress] ;
}
滑动条属性
名称 类型 说明 默认值 value float 滑动条的值 0 minimumValue float 最小值 0 maximumValue float 最大值 1 continuous BOOL 是否实时响应值改变事件出来 YES minimumTrackTintColor UIColor 滑动条激活的颜色值 maximumTrackTintColor UIColor 滑动条未激活的颜色值 thumbTintColor UIColor 滑动条原点的颜色值 maximumValueImage UIImage 滑动条右边图片 nil minimumValueImage UIImage 滑动条左边图片 nil maximumValueImage UIImage 滑动条右边图片 nil
滑动条API
- (void)setValue:(float)value animated:(BOOL)animated
; 设置值-(void)setThumbImage:(nullable UIImage *)image forState:(UIControlState)state
设置原点图片- (void)setMinimumTrackImage:(nullable UIImage *)image forState:(UIControlState)state
设置激活处显示图片- (void)setMaximumTrackImage:(nullable UIImage *)image forState:(UIControlState)state
设置未激活显示图片
- ( void ) createSlidre { UISlider* _slidre = [ [ UISlider alloc] init] ; _slidre. frame = CGRectMake ( 20 , 250 , 300 , 100 ) ; _slidre. maximumValue = 100 ; _slidre. minimumValue = 0 ; _slidre. value = 60 ; _slidre. minimumTrackTintColor = [ MyUI getThemeColor] ; _slidre. maximumTrackTintColor = [ UIColor grayColor] ; _slidre. thumbTintColor = [ UIColor whiteColor] ; [ _slidre addTarget: self action: @selector ( onChangeSlidre: ) forControlEvents: UIControlEventValueChanged] ; [ self . view addSubview: _slidre] ;
} - ( void ) onChangeSlidre : ( UISlider* ) event { [ _progress setProgress: ( event. value / event. maximumValue) animated: YES] ;
}