iOS 如何放大按钮点击热区-白红宇

iOS 如何放大按钮点击热区

阅读量：4293 次

发布时间：2019-05-27

本文共 1168 字，大约阅读时间需要 3 分钟。

原地址：http://itony.me/129.html

Apple的中指出，按钮点击热区应不小于44x44pt，否则这个按钮就会让用户觉得“很难用”，因为明明点击上去了，却没有任何响应。

但我们有时做自定义Button的时候，设计图上的给出按钮尺寸明显要小于这个数。例如我之前做过的自定义Slider上的Thumb只有12x12pt，做出来后我发现自己根本点不到按钮……

这个问题在WWDC 2012 Session 216视频中提到了一种解决方式。它重写了按钮中的pointInside方法，使得按钮热区不够44×44大小的先自动缩放到44×44，再判断触摸点是否在新的热区内。

              
           1 
           2 
           3 
           4 
           5 
           6 
           7 
           8 
        
//官方在视频中给出的示例源码
-
 
(
BOOL
)
pointInside
:
(
CGPoint
)
point
 withEvent
:
(
UIEvent
*
)
withEvent
{ 
    
CGFloat
 
widthDelta
 
=
 
44.0
 
-
 
bounds
.
size
.
width
;
    
CGFloat
 
heightDelta
 
=
 
44.0
 
-
 
bounds
.
size
.
height
;
    
bounds
 
=
 
CGRectInset
(
bounds
,
 
-
0.5
 
*
 
widthDelta
,
 
-
0.5
 
*
 
heightDelta
)
;
    
return
 
CGRectContainsPoint
(
bounds
,
 
point
)
;
}
       
     

不过这里有两个小问题：

当定义的Button.frame大于44×44时，这里仍然会将热区缩小至44×44，从而导致超过44×44的按钮热区失去响应。（听上去好绕口- -）

bounds变量未定义

修正后的代码如下：

              
           1 
           2 
           3 
           4 
           5 
           6 
           7 
           8 
           9 
        
-
 
(
BOOL
)
pointInside
:
(
CGPoint
)
point
 withEvent
:
(
UIEvent
*
)
event
{ 
    
CGRect
 
bounds
 
=
 
self
.
bounds
;
    
//若原热区小于44x44，则放大热区，否则保持原大小不变
    
CGFloat
 
widthDelta
 
=
 
MAX
(
44.0
 
-
 
bounds
.
size
.
width
,
 
0
)
;
    
CGFloat
 
heightDelta
 
=
 
MAX
(
44.0
 
-
 
bounds
.
size
.
height
,
 
0
)
;
    
bounds
 
=
 
CGRectInset
(
bounds
,
 
-
0.5
 
*
 
widthDelta
,
 
-
0.5
 
*
 
heightDelta
)
;
    
return
 
CGRectContainsPoint
(
bounds
,
 
point
)
;
}
       
     

至此问题解决。

转载地址：http://eifws.baihongyu.com/

你可能感兴趣的文章