工作新学知识

UISegmentedControl倒圆角

2016-10-18  本文已影响845人  和珏猫

最近一直没有更新简书是因为在开发和测试阶段,有任务,没有进行学习,不过在做任务的时候也遇到了一些技术点,在这里总结一下。

今天遇到一个bug是UISegmentedControl倒圆角。

情况如下:要求做的是一个很简单的左右点击切换页面的按钮,结果之前的人是用UISegmentedControl做的,涉及到网络请求Index的顺序,所以只好在UISegmentedControl的基础上对UI进行修改。

而用UISegmentedControl的UI如下图:(颜色好改)效果是方形的,那我们就考虑直接对UISegmentedControl倒圆角。

结果直接对UISegmentedControl倒圆角效果如下图:

倒角的结果是,边框被狗啃了似的,并没有倒角成我们想象中的,通过下图我们看层次结构,我们发现根本就没有倒角成功。

于是我们想到能不能把UISegmentedControl的边框去掉,然后自己加个边框。。。实际上我们从网上查的一些去掉边框的并不简单,甚至说很复杂。

下边是我查资料得到的UISegmentedControl去边框倒圆角的代码。简单方便易上手。

最后的效果图:

根据该链接进行了优化和整理:UISegmentControl设置样式。大家也可以参考一下原文。

最后,哪里不对的地方可以给我留言,我会及时改进的,谢谢大家。

上一篇 下一篇

猜你喜欢

热点阅读