扩展下UI区域的点击范围

为使小的UI区域获得良好的触摸交互，根据View的特性，目前碰到了两种情况：

1.如ImageView，设置其padding值，可触摸区域将向外扩展；

2.如Button，设置其padding值，可触摸区域不变，其内内容显示区域向内压缩；

 

情况1的控件，可直接设置其padding值达到目的，如 android:padding="10dp"  

情况2的控件，可使用TouchDelegate动态修改其触摸区域，达到扩大点击范围的效果

 

1. /** 
2.      * 扩大View的触摸和点击响应范围,最大不超过其父View范围 
3.      *  
4.      * @param view 
5.      * @param top 
6.      * @param bottom 
7.      * @param left 
8.      * @param right 
9.      */  
10.     public static void expandViewTouchDelegate(final View view, final int top,  
11.             final int bottom, final int left, final int right) {  
12.   
13.         ((View) view.getParent()).post(new Runnable() {  
14.             @Override  
15.             public void run() {  
16.                 Rect bounds = new Rect();  
17.                 view.setEnabled(true);  
18.                 view.getHitRect(bounds);  
19.   
20.                 bounds.top -= top;  
21.                 bounds.bottom += bottom;  
22.                 bounds.left -= left;  
23.                 bounds.right += right;  
24.   
25.                 TouchDelegate touchDelegate = new TouchDelegate(bounds, view);  
26.   
27.                 if (View.class.isInstance(view.getParent())) {  
28.                     ((View) view.getParent()).setTouchDelegate(touchDelegate);  
29.                 }  
30.             }  
31.         });  
32.     }  

采取此种方法的两点注意：

 

1、若View的自定义触摸范围超出Parent的大小，则超出的那部分无效。
2、一个Parent只能设置一个View的TouchDelegate，设置多个时只有最后设置的生效。

 

若需要恢复该View的触摸范围：

 

1. /** 
2.      * 还原View的触摸和点击响应范围,最小不小于View自身范围 
3.      *  
4.      * @param view 
5.      */  
6.     public static void restoreViewTouchDelegate(final View view) {  
7.   
8.         ((View) view.getParent()).post(new Runnable() {  
9.             @Override  
10.             public void run() {  
11.                 Rect bounds = new Rect();  
12.                 bounds.setEmpty();  
13.                 TouchDelegate touchDelegate = new TouchDelegate(bounds, view);  
14.   
15.                 if (View.class.isInstance(view.getParent())) {  
16.                     ((View) view.getParent()).setTouchDelegate(touchDelegate);  
17.                 }  
18.             }  
19.         });  
20.     }  

使用TouchDelegate扩大View的触摸响应范围是一种比较灵活的方法，有时可与设置padding的方式结合使用。