iOS开发攻城狮的集散地iOS炫酷动画

用UIBezierPath画不规则按钮并且添加点击

2018-04-02  本文已影响60人  Breezes

之前做项目发现一个有一个奇怪按钮

A9FA7D9C-2535-4AC3-A73C-480CE66D7503.png
加上中间一个是七个按钮,而且下面两个还有曲线,然后各种百度,谷歌,发现了两个很棒的思路:https://github.com/ole/OBShapedButtonhttp://code.cocoachina.com/view/126555,但是还是满足不了我的需求,虽然第二个也是用贝塞尔曲线做的,但我很难用代码画出底部的两个曲线按钮,然后我想起了用 paintcode 做,主要思路就是用扇形,然后底部的时候再用贝塞尔属性调整下弧度整体就差不多了,上图 image.png 。
最后给每个按钮块添加点击方法,先把这七个path添加到pathArray(另外两个是底部凹槽处,把他们也添加进数组是为了防止点击出现错误) image.png
然后给view添加手势,判断点击的时候是否在当前有效的点击区域内
image.png image.png

代理方法:


image.png

是用了http://code.cocoachina.com/view/126555 这个的思路,非常感谢。
demo:https://github.com/yqy159/-UIBezierPath-
想到啥说啥,没怎么排版,请见谅,如有不懂请留言。

2018.4.19
更新一下,放图标一定要用svg,不然png放上去会模糊,svg放上去后paintcode会自动帮你画出图标

上一篇 下一篇

猜你喜欢

热点阅读