有时候美工提供给我们的图标是很小的,但却要在如此小的图标上附加点击事件,如果不做处理,用户在使用的时候是很难点中的。当然,我们可以通过布局做调整处理,但是往往是布局变得更复杂。现在我们通过TouchDelegate来扩大View点击区域方式解决这个问题。
还不知道TouchDelegate的,可以先查下资料,大致说下它的作用:假设有两个View,分别是v1、v2,可以通过v1.setTouchDelegate(new TouchDelegate(bounds, v2))来委派触摸事件,其中bounds是一个Rect。执行该这个方法后,v1中bounds区域的触摸事件TouchEvent将会传递给v2。
现在我们来解决我们的问题,先构建一个通用方法用于扩大指定View的点击区域:
public static void setTouchDelegate(final View view, final int expandTouchWidth) {
final View parentView = (View) view.getParent();
parentView.post(new Runnable() {
@Override
public void run() {
final Rect rect = new Rect();
view.getHitRect(rect); // view构建完成后才能获取,所以放在post中执行
// 4个方向增加矩形区域
rect.top -= expandTouchWidth;
rect.bottom += expandTouchWidth;
rect.left -= expandTouchWidth;
rect.right += expandTouchWidth;
parentView.setTouchDelegate(new TouchDelegate(rect, view));
}
});
}
使用的时候只需在onCreate中或其他合适的地方调用setTouchDelegate(v2, 100),v2是要扩大点击区域的view,100是v2四周要扩大的点击区域px值。