189 8069 5689

iOS如何实现不规则Button点击效果-创新互联

这篇文章主要介绍了iOS如何实现不规则Button点击效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

永州ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

需求

利用图片,实现一个如图的按钮组。

iOS如何实现不规则Button点击效果

遇到的问题

如下图所示:

  • 功能1、2、3、4的按钮可以实现点击功能。但是在红色方框四角的位置,也会响应相应的点击事件。

  • 紫色方框内四角区域点击时,响应的方法是功能5,而不是对应的功能。

iOS如何实现不规则Button点击效果

解决思路

期望的结果

  • 寻找到合适的Button来处理点击事件

需要弄明白的问题

  • 事件在如何传递的?

  • 怎么判断谁来处理当前事件?

事件是如何传递的?

  1. 当用户触摸实际屏幕时,会生成一个Touch Event,将此事件添加到UIApplication管理的事件队列之中。

  2. UIApplication从事件队列之中按顺序取出事件分发到视图去处理。

  3. 当事件被发出以后,会从keyWindow开始,依次向上传递,包括Controller以及View,最后找到合适的视图来响应事件。

可以看出:当一个事件发生后,事件会从父控件传给子控件,也就是说由UIApplication -> UIWindow -> UIView -> initial view,以上就是事件的传递,也就是寻找最合适的view的过程。

涉及到两个方法:

func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView?
func point(inside point: CGPoint, with event: UIEvent?) -> Bool

当UIApplication发送事件到keyWindow时,会调用 hitTest来寻找最合适的视图处理事件。判断逻辑如下:

  1. 首先判断自身是否能够响应触摸事件(userInteractionEnabled==truehidden==truealpha<=0.01不能响应触摸事件),若能响应则下一步,否则返回nil。

  2. 如果可以响应触摸事件,调用pointInside来判断是否在显示区域内,如果不在其中,pointInside返回false,同时hitTest返回nil。

  3. 如果 pointInside返回true,表示在当前的视图之中,然后倒序遍历该视图的子视图,重复上述步骤,直到某一视图可以响应,hitTest:返回该视图。

  4. 如果执行完上述步骤以后,没有符合条件的视图响应事件,则返回视图本身,表示只有当前视图符合条件,能够处理该事件。

Q:为什么倒序遍历?
 A:因为在subViews数组中,最后添加的视图,在视图层级中处于最上方。

怎么判断谁来处理当前事件?

当知道的上面事件传递机制后,我们就能理清楚我们的Button处理事件的逻辑了:

1、自定义Button继承自系统的Button。

2、重写point(inside point: CGPoint, with event: UIEvent?) -> Bool方法。在其中判断当前事件是否需要自身处理。

  • 判断点是否在自身button.imageView的frame范围内

  • 得到点击点在button.imageView中该点的颜色值

  • 如果得到的色值中alpha小于阀值,则返回false

具体代码可以查看JTShapedButton源码 (本地下载)。

实现效果

iOS如何实现不规则Button点击效果

感谢你能够认真阅读完这篇文章,希望小编分享的“iOS如何实现不规则Button点击效果”这篇文章对大家有帮助,同时也希望大家多多支持创新互联建站,关注创新互联网站建设公司行业资讯频道,更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页标题:iOS如何实现不规则Button点击效果-创新互联
地址分享:http://jkwzsj.com/article/csoccs.html

其他资讯