又做完一個項目，遂到了寫帖時間了，要跟大家分享的是：自定義UISlider的圖片和滑塊，先看一下效果：

然后是實現了，我們使用的是UISlider的setMinimumTrackImage，和setMaximumTrackImage方法來定義圖片 的，這兩個方法可以設置滑塊左邊和右邊的圖片的，不過如果用的是同一張圖片且寬度和控件寬度基本一致，就不會有變形拉伸的后果，先看代碼，寫在 viewDidLoad中：

?

//左右軌的圖片
UIImage *stetchLeftTrack= [UIImage imageNamed:@"brightness_bar.png"];
UIImage *stetchRightTrack = [UIImage imageNamed:@"brightness_bar.png"];
//滑塊圖片
UIImage *thumbImage = [UIImage imageNamed:@"mark.png"];

UISlider *sliderA=[[UISlider alloc]initWithFrame:CGRectMake(30, 320, 257, 7)];
sliderA.backgroundColor = [UIColor clearColor];
sliderA.value=1.0;
sliderA.minimumValue=0.7;
sliderA.maximumValue=1.0;

[sliderA setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal];
[sliderA setMaximumTrackImage:stetchRightTrack forState:UIControlStateNormal];
//注意這里要加UIControlStateHightlighted的狀態，否則當拖動滑塊時滑塊將變成原生的控件
[sliderA setThumbImage:thumbImage forState:UIControlStateHighlighted];
[sliderA setThumbImage:thumbImage forState:UIControlStateNormal];
//滑塊拖動時的事件
[sliderA addTarget:self action:@selector(sliderValueChanged:) forControlEvents:UIControlEventValueChanged];
//滑動拖動后的事件
[sliderA addTarget:self action:@selector(sliderDragUp:) forControlEvents:UIControlEventTouchUpInside];

[self.view addSubview:sliderA];

轉載于:https://www.cnblogs.com/Free-Thinker/p/4928982.html

總結

以上是生活随笔為你收集整理的自定义UISlider的样式和滑块的全部內容，希望文章能夠幫你解決所遇到的問題。

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