UISegmentedControl倒圆角
2016-10-18 本文已影响845人
和珏猫
最近一直没有更新简书是因为在开发和测试阶段,有任务,没有进行学习,不过在做任务的时候也遇到了一些技术点,在这里总结一下。
今天遇到一个bug是UISegmentedControl倒圆角。
情况如下:要求做的是一个很简单的左右点击切换页面的按钮,结果之前的人是用UISegmentedControl做的,涉及到网络请求Index的顺序,所以只好在UISegmentedControl的基础上对UI进行修改。
![](https://img.haomeiwen.com/i1440398/9754219b8ed3d53a.png)
而用UISegmentedControl的UI如下图:(颜色好改)效果是方形的,那我们就考虑直接对UISegmentedControl倒圆角。
![](http://upload-images.jianshu.io/upload_images/1440398-6ebe17d2b1f05855.png)
结果直接对UISegmentedControl倒圆角效果如下图:
![](http://upload-images.jianshu.io/upload_images/1440398-8b7a9b794227b84b.png)
倒角的结果是,边框被狗啃了似的,并没有倒角成我们想象中的,通过下图我们看层次结构,我们发现根本就没有倒角成功。
![](http://upload-images.jianshu.io/upload_images/1440398-fb911380eea4a36e.png)
于是我们想到能不能把UISegmentedControl的边框去掉,然后自己加个边框。。。实际上我们从网上查的一些去掉边框的并不简单,甚至说很复杂。
下边是我查资料得到的UISegmentedControl去边框倒圆角的代码。简单方便易上手。
![](http://upload-images.jianshu.io/upload_images/1440398-b8a4be037d827bb9.png)
最后的效果图:
![](http://upload-images.jianshu.io/upload_images/1440398-7c58c23d4714ab2c.png)
根据该链接进行了优化和整理:UISegmentControl设置样式。大家也可以参考一下原文。
最后,哪里不对的地方可以给我留言,我会及时改进的,谢谢大家。