最近一直没有更新简书是因为在开发和测试阶段,有任务,没有进行学习,不过在做任务的时候也遇到了一些技术点,在这里总结一下。
今天遇到一个bug是UISegmentedControl倒圆角。
情况如下:要求做的是一个很简单的左右点击切换页面的按钮,结果之前的人是用UISegmentedControl做的,涉及到网络请求Index的顺序,所以只好在UISegmentedControl的基础上对UI进行修改。

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

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

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

于是我们想到能不能把UISegmentedControl的边框去掉,然后自己加个边框。。。实际上我们从网上查的一些去掉边框的并不简单,甚至说很复杂。
下边是我查资料得到的UISegmentedControl去边框倒圆角的代码。简单方便易上手。

最后的效果图:

根据该链接进行了优化和整理:UISegmentControl设置样式。大家也可以参考一下原文。
最后,哪里不对的地方可以给我留言,我会及时改进的,谢谢大家。
网友评论