自定义UISlider的样式和滑块
2015-11-01 23:12
381 查看
又做完一个项目,遂到了写帖时间了,要跟大家分享的是:自定义UISlider的图片和滑块,先看一下效果:
然后是实现了,我们使用的是UISlider的setMinimumTrackImage,和setMaximumTrackImage方法来定义图片
的,这两个方法可以设置滑块左边和右边的图片的,不过如果用的是同一张图片且宽度和控件宽度基本一致,就不会有变形拉伸的后果,先看代码,写在
viewDidLoad中:
然后是实现了,我们使用的是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];
相关文章推荐
- HDU 5531 Rebuild ——— 2015ACM-ICPC亚洲区长春站
- [UVA 11235]Frequent values[线段树区间查询]
- 控制器之间的传值—— segue与代理的合作
- Sudoku - The 2015 China Collegiate Programming Contest && UESTC 1222
- 有时候会纠结于选择通知还是代理
- 改变UINavigationBar颜色需要注意的地方
- EasyUI DataGrid添加超链接
- GUID相关
- hdoj 5538 House Building 【正反扫 求表面积 简单题】
- LeetCode Implement Stack using Queues 栈&队列
- 添加到UIView上的UIButton点击没反应 UITest时源文件找不到解决方案
- 插座变量,Interface Builder
- A. Wizards' Duel
- Rogue游戏(一)——游戏框架搭建
- [三分]HDOJ 5531 Rebuild
- YJQ Arranges Sequences
- UESTC 618 无平方因子数 ( 莫比乌斯)
- UESTC 618 无平方因子数 ( 莫比乌斯)
- 简单的虚拟摇杆控制移动(NGUI)
- Codeforces 592B The Monster and the Squirrel 【规律题】