UIScrollView中的按钮UIButton高亮状态延迟触发、响应慢问题分析

1. 问题发现

做项目时,在UICollectionCell中放置了三个按钮,然后设置了按钮的Normal状态和Highlighted状态图片,运行后,去操作的时候,发现点击了按钮,并没有高亮显示,但已触发了按钮的点击事件。后来经多次操作,才发现需要用手指点击按钮,并按住一下,才会显示高亮状态的图片。

2. 问题尝试解决

接下来想了想,以为是创建按钮时,设置的类型不对,结果把类型设置为Custom或System都不行。然后就去网上搜索有没有遇到这种问题的,最终找到了解决方法

3. 问题分析

在UIKit的 UIScrollView.h 中有以下属性或方法:

复制代码
@property(nonatomic) BOOL delaysContentTouches;       // default is YES. if NO, we immediately call -touchesShouldBegin:withEvent:inContentView:. this has no effect on presses
@property(nonatomic) BOOL canCancelContentTouches;    // default is YES. if NO, then once we start tracking, we don't try to drag if the touch moves. this has no effect on presses

// override points for subclasses to control delivery of touch events to subviews of the scroll view
// called before touches are delivered to a subview of the scroll view. if it returns NO the touches will not be delivered to the subview
// this has no effect on presses
// default returns YES
- (BOOL)touchesShouldBegin:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event inContentView:(UIView *)view;
// called before scrolling begins if touches have already been delivered to a subview of the scroll view. if it returns NO the touches will continue to be delivered to the subview and scrolling will not occur
// not called if canCancelContentTouches is NO. default returns YES if view isn't a UIControl
// this has no effect on presses
- (BOOL)touchesShouldCancelInContentView:(UIView *)view;
3.1 delaysContentTouches

打开 Xcode,然后快捷键:⇧+⌘+0,可进入 Xcode 的开发者文档页面,然后输入:delaysContentTouches,进行搜索,可以看到:

复制代码
Instance Property

delaysContentTouches

A Boolean value that determines whether the scroll view delays the handling of touch-down gestures.

Declaration
@property(nonatomic) BOOL delaysContentTouches;

Discussion
If the value of this property is YES, the scroll view delays handling 
the touch-down gesture until it can determine if scrolling is the intent. 
If the value is NO , the scroll view immediately calls [touchesShouldBegin:withEvent:inContentView:].
. The default value is YES.

a> delaysContentTouches为YES时,当UIScrollView接收到一个touch事件时,它会在一段时间内检测该touch是否进行了移动。假如移动了,则UIScrollView自身接受该touch事件,进行UIScrollView的滑动处理;否则,将touch事件传递给其子视图。
b> delaysContentTouches为NO时,当UIScrollView接收到一个touch事件时,它会立即调用touchesShouldBegin:withEvent:inContentView:方法,将touch事件传递下去。

由以上可知:就是因为有了一段检测的时间(延迟),才导致按钮没有立即显示高亮状态,因此,把UIScrollView的delaysContentTouches设置为NO,按钮就会立即显示高亮状态。

这样设置后,就会产生以下效果:

一旦手指触摸到按钮时,会立即显示高亮状态,但滑动不了UIScrollView。

这种效果总感觉有点不舒服,那能不能做到触摸按钮并滑动时,让UIScrollView也滑动呢?这就需要下面这个方法了。

3.2 touchesShouldCancelInContentView:

搜索:touchesShouldCancelInContentView:,可以看到:

复制代码
Instance Method

touchesShouldCancelInContentView:
Returns whether to cancel touches related to the content subview and start dragging.

Declaration
- (BOOL)touchesShouldCancelInContentView:(UIView *)view;

Parameters
view
The view object in the content that is being touched.

Return Value
YES to cancel further touch messages to view, NO to have view continue to 
receive those messages. The default returned value is YES if view is 
not a UIControl object; otherwise, it returns NO.

Discussion
The scroll view calls this method just after it starts sending tracking 
messages to the content view. If it receives NO from this method, 
it stops dragging and forwards the touch events to the content subview. 
The scroll view does not call this method if the value of the 
canCancelContentTouches property is NO.

UIScrollView把touch事件传递给子视图后,当手指发生滑动时,UIScrollView会调用此方法,获取其返回值。
a> 若返回NO,即不取消子视图的事件,则UIScrollView停止拖拽并把touch事件交给子视图处理;
b> 若返回YES,也即取消子视图的事件,则由UIScrollView处理touch事件,进行滑动处理。

UIScrollView调用touchesShouldCancelInContentView:方法的前提是canCancelContentTouches为YES。但只要不是UIControl的子类,则该属性默认为YES。

4. 问题最终解决

1. 把 UIScrollView 的delaysContentTouches设置为NO;
2. 重写 UIScrollView 的touchesShouldCancelInContentView:方法,并返回YES;
即可实现:当点击按钮时,让按钮立即显示高亮状态,若移动手指,则能滑动 UIScrollView 的效果。

相关推荐
我是谁的程序员1 小时前
Mac 上生成 AppStoreInfo.plist 文件,App Store 上架
后端·ios
测试员周周2 小时前
【Appium 系列】第13节-混合测试执行器 — API + UI 的协同执行
开发语言·人工智能·python·功能测试·ui·appium·pytest
莽夫搞战术2 小时前
【Google Stitch】AI原生画布重新定义设计,让想法变成可交互界面
前端·人工智能·ui
sweet丶2 小时前
微信Matrix 卡顿监控原理梳理与图解
ios
2501_916007474 小时前
iOS开发中抓取HTTPS请求的完整解决方法与步骤详解
android·网络协议·ios·小程序·https·uni-app·iphone
ZC跨境爬虫5 小时前
跟着 MDN 学CSS day_3:(为一个传记页面添加样式)
前端·javascript·css·ui·音视频·html5
UI设计兰亭妙微7 小时前
兰亭妙微|打破色彩对比度迷思:UI设计公司中的无障碍设计灵活之道
ui·b端界面设计·高端网站设计
ZZH_AI项目交付8 小时前
我把 AI 最容易改坏真实 App 的地方,整理成了 skills
人工智能·ios·app
轻口味8 小时前
HarmonyOS 6.1 全栈实战录 - 14 渲染树透镜:FrameNode 渲染状态感知与高性能 UI 调优实战
ui·华为·harmonyos
00后程序员张9 小时前
Windows 下怎么生成 AppStoreInfo.plist?不依赖 Xcode 的方法
ide·macos·ios·小程序·uni-app·iphone·xcode