UISlider实现背景图

转载：http://labs.ywlx.net/?p=1973

近期所做项目中，在人物属性选择界面上，需要使用到UISlider，为了与界面美观，自然不能使用系统自带的控件样式。先上图：

如图所示：UISlider的按钮和背景都已替换成UI所画的图片资源了。

我第一次的实现方式是使用设置背景颜色：

UISlider *slider = (UISlider *)[self.view viewWithTag:TAG_SLIDER_START + i];

[slider setThumbImage:[UIImage imageNamed:@"img_slider1.png"] forState:UIControlStateNormal];

[slider setThumbImage:[UIImage imageNamed:@"img_slider2.png"] forState:UIControlStateHighlighted];

[slider setMinimumTrackTintColor:HEXCOLOR(0xfec200ff)];

自以为如此简单就实现了，可最后测试的时候被测出程序异常，查询文档才发现，setMinimumTrackTintColor方法在IOS 5.0以后才支持。

Availability:IOS(5.0 and later)

后来便使用图片来实现了：

UIImage *stetchLeftTrack = [[UIImage imageNamed:@"slider_yellow.png"]

stretchableImageWithLeftCapWidth:80.0 topCapHeight:0.0];

[slider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal];

资源如图：

[[UIImage imageNamed:@"slider_yellow.png"]

stretchableImageWithLeftCapWidth:80.0 topCapHeight:0.0]这句话是很重要的，一定不能直接使用[UIImage imageNamed:@"slider_yellow.png"]，否则当用户把UISlider拖至最大时无法出现圆弧效果，如图：

最右端为直角

最右端为弧度

UISlider实现背景图相关推荐

原生CSS设置预加载图片之前的默认背景图
/*默认加载图片*/ .class-name { /*背景图片*/background: url(../../img/banner/banner-default.jpg) no-repeat cent ...
【最简洁】一句CSS3代码实现不规则自定义背景图拼接样式，多用于异形弹窗背景图
如果阁下想玩进阶版的背景图样式请移步[进阶版九宫格背景图片]如何仅仅依靠background的几个属性组合搭配出酷炫的背景图片效果,并自适应任何宽高效果?_你挚爱的强哥❤给你发来1条消息❤-CSDN博 ...
vc picture控件载入背景图，随控件大小改变
在mfc里,想要在Picture控件中载入一张图片有两种方法:静态的和动态的.静态的方法就是图片先载入资源(.rc)文件中,拥有一个唯一的ID:动态的方法就是制定图片的路径名即可. 当然这样的方法网上 ...
基于全局场景背景图和关系优化的全景3D场景理解（ICCV 2021）
DeepPanoContext: 基于全局场景背景图和关系优化的全景3D场景理解(ICCV 2021) 论文标题:DeepPanoContext: Panoramic 3D Scene Underst ...
android 炫酷背景,炫酷-背景图垂直循环滚动登录页，Android RecyclerView实现
炫酷-背景图上下循环滚动登录页,Android RecyclerView实现方法某站的登录页背景不停循环滚动,和街边的广告箱很像,感觉不错我也心动了.决定高仿一下,参考了几篇文章后就动手了. 实现步 ...
android朋友圈图片背景图片,做个很哇塞的女孩背景图朋友圈
做个很哇塞的女孩背景图朋友圈是全新的一系列的图片,也是抖音最近非常火的一组图片,可以用于发朋友圈,手机壁纸等,因为这一组图片受到了很多女孩子的喜爱,也充分展现了女孩子自立自强的决心,所以很多小姐姐都用 ...
css实现自适应背景图及背景图透明度处理
前言大屏可视化在展示方式上之所炫酷是因为有很多科技感图形的衬托,这些图形可以来自图表组件,也可以是UI组件,具备科技感的UI组件实际上比常见的组件库中的组件多了一个样式属性(即backgroundI ...
python天气查询小程序加背景图_微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image只能 ...
外部导入方式添加背景图_在PS中如何添加灯光效果
灯光效果总是渲染不好?不如来用万能的PS大法. 看起来效果还不错,一起来看看到底是如何实现的? 视频教程知乎视频www.zhihu.com 视频自YouTube,作者Upstairs(原OU Gr ...

UISlider实现背景图

UISlider实现背景图相关推荐

最新文章

热门文章