Android4.0设计规定的有效可触摸的UI元素标准是48dp,转化为一个物理尺寸约为9毫米。7~10毫米,这是一个用户手指能准确并且舒适触摸的区域。如下图所示,你的UI元素可能小于48dp,图标仅有32dp,按钮仅有40dp,但是他们的实际可操作焦点区域最好都应达到48dp的大小。" e; a i7 H( Y' I8 W7 u
$ l3 {) c, f D5 Y: M
为使小的UI区域获得良好的触摸交互,根据View的特性,目前碰到了两种情况:- \& f/ D& V. D( e. p1 D
如ImageView,设置其padding值,可触摸区域将向外扩展;
如Button,设置其padding值,可触摸区域不变,其内内容显示区域向内压缩;1 C0 K4 B. D* l, a: [. I
情况1的控件,可直接设置其padding值达到目的,如 android:padding="10dp" % _, ?6 L% L) k; \, X7 B1 H9 n
情况2的控件,可使用TouchDelegate动态修改其触摸区域,达到扩大点击范围的效果, D' m, K$ ?9 T% ~8 p6 J
/**
* 扩大View的触摸和点击响应范围,最大不超过其父View范围
*
* @param view
* @param top
* @param bottom
* @param left
* @param right
*/
public static void expandViewTouchDelegate(final View view, final int top,
final int bottom, final int left, final int right) {
((View) view.getParent()).post(new Runnable() {
@Override
public void run() {
Rect bounds = new Rect();
view.setEnabled(true);
view.getHitRect(bounds);
bounds.top -= top;
bounds.bottom += bottom;
bounds.left -= left;
bounds.right += right;
TouchDelegate touchDelegate = new TouchDelegate(bounds, view);
if (View.class.isInstance(view.getParent())) {
((View) view.getParent()).setTouchDelegate(touchDelegate);
}
}
});
}
采取此种方法的两点注意: 4 D8 w' i% z# D- L. M1 N4 ]
若View的自定义触摸范围超出Parent的大小,则超出的那部分无效。
一个Parent只能设置一个View的TouchDelegate,设置多个时只有最后设置的生效。 ( u: D% J$ \2 R |8 @! A" O