扩大小按钮的事件点击范围

Posted hyhy904

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了扩大小按钮的事件点击范围相关的知识,希望对你有一定的参考价值。

我们在平时的实战开发过程中经常会碰到这样的一些需求,我们要点击一个小按钮弹出一个DialogFragment或者点击之后跳转到另外一个界面上去,我们发现由于按钮太小了不容易点击,这样的体验非常不好,怎么办?

效果图

很多长人肯定会说给View加个Padding就行了嘛,是的这样可以解决问题,但是你有没有想过如果该View有背景图,结果你加了个Padding ,View的背景图变形了,这种情况下通过加Padding加大点击范围的方案就行不通了,如何破解?其实很简单,稍微懂点脑筋就把这个问题解决了,我们给这个小按钮外围包裹一个LinearLayout或RelativeLayout,当我们点击外围的LinearLayout或RelativeLayout的时候把这个事件传递给小按钮问题立马就解决了

关键代码:

public class FatArrowView extends RelativeLayout
//拦截事件
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) ( http://www.my516.com)
Log.v(TAG,"onInterceptTouchEvent start...");
return true;

//把事件分发给我们的子View CheckBox
@Override
public boolean onTouchEvent(MotionEvent event)
Log.v(TAG,"onTouchEvent start...");
//当手指离开屏幕的时候设置CheckBox的状态
if (event.getAction() == MotionEvent.ACTION_UP)
ischeck = !ischeck;
mCheckBox.setChecked(ischeck);

return true;

以上是关于扩大小按钮的事件点击范围的主要内容,如果未能解决你的问题,请参考以下文章

iOS扩大UIButton按钮的点击范围

iOS扩大按钮点击范围

iOS点击事件穿透以及扩大视图的响应区域

iOS之扩大UIButton(UIView)的点击范围

iOS-扩大按钮点击范围

Android 扩大 View 的点击区域