利用TouchDelegate提升用户体验

探索Android软键盘的疑难杂症
深入探讨Android异步精髓Handler
详解Android主流框架不可或缺的基石
站在源码的肩膀上全解Scroller工作机制

Android多分辨率适配框架（1）— 核心基础
Android多分辨率适配框架（2）— 原理剖析
Android多分辨率适配框架（3）— 使用指南

自定义View系列教程00–推翻自己和过往，重学自定义View
自定义View系列教程01–常用工具介绍
自定义View系列教程02–onMeasure源码详尽分析
自定义View系列教程03–onLayout源码详尽分析
自定义View系列教程04–Draw源码分析及其实践
自定义View系列教程05–示例分析
自定义View系列教程06–详解View的Touch事件处理
自定义View系列教程07–详解ViewGroup分发Touch事件
自定义View系列教程08–滑动冲突的产生及其处理

最近在维护公司的老项目，客户反馈了一个问题：
点赞的红色小桃心有时点击之后没有响应。

嗯哼，既然客户说有这个问题，那么就需要确认一下。
从豌豆荚上下载了一个最新版本，安装后跳转到详情页面，然后点赞。反复操作几次发现：有时果然点不到。检查一下代码ClickListener没有问题，但是由于该图片较小(150*150)，导致有时点击不到该图片从而带来不太好的用户体验。

那么这个小问题可以怎么来优化呢？

方法一

在该图片外包裹一层布局比如RelativeLayout且设定其大小(比如300*300).然后为该布局设置ClickListener响应点赞操作。
通过这么做，可以达到目的，但是有点繁琐，改了布局文件还要修改代码。

方法二

利用TouchDelegate扩大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);
                rect.top -= expandTouchWidth;
                rect.bottom += expandTouchWidth;
                rect.left -= expandTouchWidth;
                rect.right += expandTouchWidth;
                TouchDelegate touchDelegate = new TouchDelegate(rect, view);
                parentView.setTouchDelegate(touchDelegate);
            }
        });
    }

怎么调用该方法呢？

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mContext=this;
        mPraiseImageView= (ImageView) findViewById(R.id.praiseImageView);
        setTouchDelegate(mPraiseImageView,200);
        mPraiseImageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(mContext,"点赞成功",Toast.LENGTH_SHORT).show();
            }
        });
    }

在此，将点赞按钮的可触摸范围扩大200px

setTouchDelegate(mPraiseImageView,200);

从而提升了用户体验。

这样做不用调整布局文件，只用修改代码即可。