Android 擴大view點擊範圍

標籤：android   blog   http   io   os   使用   java   ar   strong   

Android4.0設計規定的有效可觸摸的UI元素標準是48dp，轉化為一個物理尺寸約為9毫米。7~10毫米，這是一個使用者手指能準確並且舒適觸摸的地區。

如所示，你的UI元素可能小於48dp，表徵圖僅有32dp，按鈕僅有40dp，但是他們的實際可操作焦點地區最好都應達到48dp的大小。

為使小的UI地區獲得良好的觸摸互動，根據View的特性，目前碰到了兩種情況：

1.如ImageView，設定其padding值，可觸摸地區將向外擴充；

2.如Button，設定其padding值，可觸摸地區不變，其內內容顯示地區向內壓縮；

 

情況1的控制項，可直接設定其padding值達到目的，如 android:padding="10dp"  

情況2的控制項，可使用TouchDelegate動態修改其觸摸地區，達到擴大點擊範圍的效果

 

[java] view plaincopy 

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的觸摸範圍：

 

[java] view plaincopy 

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的方式結合使用。

 

更新

======

後期實際開發中發現，使用post runnable的方式去設定Delegate地區大小的原因是，如該View師在Activity的OnCreate()或Fragment的OnCreateView()中繪製，此時UI介面尚未開始繪製，無法獲得正確的座標；

若將此法應用在ListView的getView()中繪製每個ItemView時，則Delegate的設定將部分失效，原因是ListView的繪製較特殊，可能無法擷取到部分還未繪製出的View的正確座標。解決方案具體可參考以下參考閱讀所列。

 

參考閱讀：通過自訂View的方式，及某些其他情況的處理：

1.《Android使用TouchDelegate增加View的觸摸範圍》 http://blog.csdn.net/sgwhp/article/details/10963383

2.《ListView Tips & Tricks #5: Enlarged Touchable Areas》 http://cyrilmottier.com/2012/02/16/listview-tips-tricks-5-enlarged-touchable-areas/

3.《Extend touchable areas #Android》 https://plus.google.com/u/0/+JulienDodokal/posts/8zoV3RQvReS

Android 擴大view點擊範圍