進度條和滑動條組件非常常見，在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);// 設置進度值,0~1。進度條是無法響應事件的_progress.progress = 0.3;// 通過api設置進度[_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];// 設置位置，高度無法設置,注意，即使高度不可修改，也不可設置為0。否則無法監聽觸摸事件_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]; }

總結

以上是生活随笔為你收集整理的IOS 开发 UIProgress 和 UISlidre 进度条和滑动条组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。