用 TouchDelegate 扩大子 View 的点击区域

翻译 2015年11月19日 17:46:31

原文出处:http://developer.android.com/training/gestures/viewgroup.html#delegate

点击区域的大小会影响到用户体验,除了扩大可点击 View 的 padding 之外,今天偶遇另一种方法,在父 View 级别增大子 View 的点击区域。

gist 被墙,csdn code 402,暂且当做博客记录,以备不时之需。

安卓提供了 TouchDelegate 类来让父 View 扩大子 View 的可点击区域。使用场景是,子 View 必须很小,但是又要有较大的点击区域。当然,如果你愿意,也可以用该类来缩小子 View 的点击区域。

下面的例子中,ImageButton 是“代理 View”(即,自己不争气、需要靠爹 View 来帮助扩大点击区域的子 View)。layout 如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/parent_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     tools:context=".MainActivity" >

     <ImageButton android:id="@+id/button"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:background="@null"
          android:src="@drawable/icon" />
</RelativeLayout>

下面的代码片段作用如下:

  • 获取父 View ,然后在 UI 线程 post 一个 Runnable,保证父 View 在摆放各个子 View 之前调用 getHitRect() 方法。该方法得到子 View 的点击区域;
  • 找到可点击的 ImageButton,调用 getHitRect() 方法获取其可点击区域的边界;
  • 扩大 ImageButton 的可点击区域;
  • 实例化 TouchDelegate,在其构造方法中传入扩大后的可点击区域和 ImageButton。在父 View 中设置 TouchDelegate,以便父 View 代理的区域内的点击事件能传给 ImageButton;

在被代理的区域内,父 View 会获取所有的 touch 事件,然后传递给子 View 处理。

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // Get the parent view
        View parentView = findViewById(R.id.parent_layout);

        parentView.post(new Runnable() {
            // Post in the parent's message queue to make sure the parent
            // lays out its children before you call getHitRect()
            @Override
            public void run() {
                // The bounds for the delegate view (an ImageButton
                // in this example)
                Rect delegateArea = new Rect();
                ImageButton myButton = (ImageButton) findViewById(R.id.button);
                myButton.setEnabled(true);
                myButton.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Toast.makeText(MainActivity.this, 
                                "Touch occurred within ImageButton touch region.", 
                                Toast.LENGTH_SHORT).show();
                    }
                });

                // The hit rectangle for the ImageButton
                myButton.getHitRect(delegateArea);

                // Extend the touch area of the ImageButton beyond its bounds
                // on the right and bottom.
                delegateArea.right += 100;
                delegateArea.bottom += 100;

                // Instantiate a TouchDelegate.
                // "delegateArea" is the bounds in local coordinates of 
                // the containing view to be mapped to the delegate view.
                // "myButton" is the child view that should receive motion
                // events.
                TouchDelegate touchDelegate = new TouchDelegate(delegateArea, 
                        myButton);

                // Sets the TouchDelegate on the parent view, such that touches 
                // within the touch delegate bounds are routed to the child.
                if (View.class.isInstance(myButton.getParent())) {
                    ((View) myButton.getParent()).setTouchDelegate(touchDelegate);
                }
            }
        });
    }
}

checkbox扩大点击范围以及一个监听器处理多个点击事件

checkbox扩大点击范围以及一个监听器处理多个点击事件
  • jspamd
  • jspamd
  • 2013年10月27日 16:00
  • 4441

UIButton 扩大按钮的响应区域

第一种方法:创建一个类目:UIButton+EnlargeTouchArea ,用类方法进行调用 使用方法: 导入UIButton+EnlargeTouchArea.h UIButton *butto...
  • u013282507
  • u013282507
  • 2016年04月27日 11:23
  • 2345

Android 设置View点击区域

最近看源码看见onTouchEvent 方法中 有这么一段话 if (mTouchDelegate != null) { if (mTouchDelegate.onTouchE...
  • hp_click
  • hp_click
  • 2017年03月18日 21:43
  • 365

Android笔记之利用TouchDelegate扩大View点击区域

有时候美工提供给我们的图标是很小的,但却要在如此小的图标上附加点击事件,如果不做处理,用户在使用的时候是很难点中的。当然,我们可以通过布局做调整处理,但是往往是布局变得更复杂。现在我们通过TouchD...
  • quwei3930921
  • quwei3930921
  • 2016年09月06日 10:58
  • 506

Android学习之 扩大控件点击触摸区域及TouchDelegate的介绍

一、背景在项目中,有时会遇到一类尴尬的问题:比如在UI上有一个图标按钮  但是按钮显示有点小   往往用户可能要点击2、3次才能点击到触发按钮点击事件。这样便给用户带来了困扰。现在小吕自我学习与分...
  • l416112167
  • l416112167
  • 2014年06月27日 13:36
  • 4662

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

Android4.0规定的有效可触摸的UI元素标准是48dp,转化为一个物理尺寸,约为9毫米。建议的目标大小为7~10毫米,这一点与iPhone一致,这是一个用户手指能准确并且舒适触摸的区域。如果所示...
  • tongcpp
  • tongcpp
  • 2014年04月11日 16:30
  • 20853

Android 扩大view点击范围

Android4.0设计规定的有效可触摸的UI元素标准是48dp,转化为一个物理尺寸约为9毫米。7~10毫米,这是一个用户手指能准确并且舒适触摸的区域。 如下图所示,你的UI元素可能小于48dp...
  • chengkaizone
  • chengkaizone
  • 2015年08月04日 14:43
  • 1258

Android 扩大ImageView的点击区域

在做Android应用APP开发时,会碰到一种情况,就是ImagView的点击区域很小,用户不容易点击到某个ImageView,怎么样在不改变图像的情况下,扩大ImageView的点击区域呢? ...
  • android_learn
  • android_learn
  • 2013年12月06日 10:43
  • 10755

切割UIView,并只让局部响应点击事件

// // CutsomView.m // TestCutUIView // // Created by mac on 13-9-17. // Copyright (c) 2013年 mac....
  • focusjava
  • focusjava
  • 2013年09月17日 14:20
  • 1604

扩大button的响应区域

有的时候遇到UE设计特别严格,所给图片有点小而且要符合标注图的设计,所用有button点小的时候,点击事件不够灵敏,就需要来扩大它的相应区域了 #import @interface UIButto...
  • u011731076
  • u011731076
  • 2016年11月03日 15:56
  • 99
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用 TouchDelegate 扩大子 View 的点击区域
举报原因:
原因补充:

(最多只允许输入30个字)