UISlider的应用-----通过简单的图片设置改变滑动效果
2013-10-30 23:50
507 查看
对于一个Slider,只需要准备四张图片,两个结点图片,两个背景图片。其中结点图片一个为正常状态,一个为高亮状态。对于结点两边也采用不同的背景图片区分。
原装Slider:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/17/1e19c198b5f78753e0532ff6a2433997)
添加图片之后效果:
//设置结点普通效果图片 UIImage *thumbImageNormal = [UIImage imageNamed:@"SliderThumb-Normal"]; //SliderThumb-Normal为图片名字 [self.slider setThumbImage:thumbImageNormal forState:UIControlStateNormal]; //slider为Slider对象名 //设置结点高亮效果图片 UIImage *thumbImageHighlighted =[UIImage imageNamed:@"SliderThumb-Highlighted"]; [self.slider setThumbImage:thumbImageHighlighted forState:UIControlStateHighlighted]; //设置结点左边背景 UIImage *trackLeftImage = [[UIImage imageNamed:@"SliderTrackLeft"]stretchableImageWithLeftCapWidth:14 topCapHeight:0]; [self.slider setMinimumTrackImage:trackLeftImage forState:UIControlStateNormal]; //设置结点右边背景 UIImage *trackRightImage = [[UIImage imageNamed:@"SliderTrackRight"]stretchableImageWithLeftCapWidth:14 topCapHeight:0]; [self.slider setMaximumTrackImage:trackRightImage forState:UIControlStateNormal];
原装Slider:
添加图片之后效果:
相关文章推荐
- frame的简单应用(效果:通过连接改变局部区域的内容(调用的页面))
- Unity3D ShaderLab <六>通过改变纹理的UV坐标实现简单的水流效果
- 简单的图片滑动效果插件 jQuery.iocnSlider.js
- 通过xml布局文件实现按钮改变焦点设置背景图片
- Flex TextArea组件简单应用:文字链接,图片显示,字体设置
- 通过UISlider改变图片透明度,并且通过UISwitch控制UISlider
- 页面图片浮动左右滑动效果的简单实现案例
- 通过js写的一个比较简单的点击切换图片效果
- 通过改变纹理的UV坐标实现简单的水流效果
- android 里面对图片的不同压缩处理 以及简单拍照功能实现加设置闪光灯效果
- UI控件之UISlider简单图片放大与缩小的应用
- 从零开始学习H5应用(1)——V1.0版,简单页面滑动切换效果
- 一个简单图片滑动效果
- NGUI 通过shader设置图片置灰效果
- 通过反射机制为ViewPager设置滑动效果
- 通过UISlider改变图片的透明度(Swift)
- 通过代码设置改变radiobutton图片大小
- 页面图片浮动左右滑动效果的简单实现案例
- UISlider和UIScreenEdgePanGestureRecognizer和简单运用,包括滑动时颜色变化,滑动按钮以及Slider按钮颜色设置
- 在html页面用ajax的简单应用通过javascript得到数据库中的图片路径并在表格中显示出来