需求
利用图片,实现一个如图的按钮组。
遇到的问题
如下图所示:
- 功能1、2、3、4的按钮可以实现点击功能。但是在红色方框四角的位置,也会响应相应的点击事件。
- 紫色方框内四角区域点击时,响应的方法是功能5,而不是对应的功能。
解决思路
期望的结果
- 寻找到合适的Button来处理点击事件
需要弄明白的问题
- 事件在如何传递的?
- 怎么判断谁来处理当前事件?
事件是如何传递的?
可以看出:当一个事件发生后,事件会从父控件传给子控件,也就是说由UIApplication -> UIWindow -> UIView -> initial view,以上就是事件的传递,也就是寻找最合适的view的过程。
涉及到两个方法:
当UIApplication发送事件到keyWindow时,会调用 hitTest来寻找最合适的视图处理事件。判断逻辑如下:
Q:为什么倒序遍历?
A:因为在subViews数组中,最后添加的视图,在视图层级中处于最上方。
怎么判断谁来处理当前事件?
当知道的上面事件传递机制后,我们就能理清楚我们的Button处理事件的逻辑了:
1、自定义Button继承自系统的Button。
2、重写 point(inside point: CGPoint, with event: UIEvent?) -> Bool 方法。在其中判断当前事件是否需要自身处理。
- 判断点是否在自身button.imageView的frame范围内
- 得到点击点在button.imageView中该点的颜色值
- 如果得到的色值中alpha小于阀值,则返回false
具体代码可以查看JTShapedButton源码(本地下载)。
实现效果
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。