使用android.view.TouchDelegate扩大View的触摸点击区域

来源：互联网发布：淘宝买家申请仅退款编辑：程序博客网时间：2024/04/28 10:00

Android4.0规定的有效可触摸的UI元素标准是48dp，转化为一个物理尺寸，约为9毫米。建议的目标大小为7~10毫米，这一点与iPhone一致，这是一个用户手指能准确并且舒适触摸的区域。如果所示，你的UI元素可能小于48dp，图标仅有32dp，按钮仅有40dp，但是他们的实际可操作焦点都达到了48dp的大小。

1 触屏手机点击区域的小秘密

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

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

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

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

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

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

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

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

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

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

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

参考阅读：通过自定义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

0 0