Android扩大View点击区域方案示例

 更新时间:2023年08月03日 14:38:06   作者:寻水的鱼Chock  
这篇文章主要为大家介绍了Android扩大View点击区域方案示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

1、前言

开发过程中经常会遇到如下这种场景,对于CheckBox而言,整体较小,然后为了用户体验--“好点”,往往需要扩大点击区域。通常的做法就是给CheckBox增加Padding以达到扩大点击区域的目的,但是为了对齐UI,往往需要一通计算跟调整才能“如愿以偿”,可谓哭笑不得。那怎么样可以优雅的解决这个问题呢?

可以配合BindingAdapter实现在xml上的直接处理。

2、解决方案

2.1、直接上代码

@BindingAdapter("expandTouchArea")
fun expandTouchArea(view: View, size: String) {
    view.postDelayed({
        val bounds = Rect()
        view.getHitRect(bounds)
        var left = 0
        var top = 0
        var right = 0
        var bottom = 0
        /*
        *  size 举例 `2` or `2 4` or `2 4 6 8`
         */
        val mSize = size.trim()
        val ss = mSize.split(" ")
        when (ss.size) {
            1 -> {
                val sdp = (ss[0].toIntOrNull() ?: 0).idp()
                left = sdp
                top = sdp
                right = sdp
                bottom = sdp
            }
            2 -> {
                val sdp = (ss[0].toIntOrNull() ?: 0).idp()
                val sdp1 = (ss[1].toIntOrNull() ?: 0).idp()
                left = sdp
                top = sdp1
                right = sdp
                bottom = sdp1
            }
            4 -> {
                left = (ss[0].toIntOrNull() ?: 0).idp()
                top = (ss[1].toIntOrNull() ?: 0).idp()
                right = (ss[2].toIntOrNull() ?: 0).idp()
                bottom = (ss[3].toIntOrNull() ?: 0).idp()
            }
            else -> {
                return@postDelayed
            }
        }
        bounds.left -= left
        bounds.top -= top
        bounds.right += right
        bounds.bottom += bottom
        val mTouchDelegate = TouchDelegate(bounds, view);
        val p = view.parent
        if (p is ViewGroup) {
            p.touchDelegate = mTouchDelegate;
        }
    }, 100)
}

 其中idp()是dp转px的转换函数(Kotlin扩展),实际使用时请替换。

2.2、使用示例:

<CheckBox
    android:layout_width="14dp"
    android:layout_height="14dp"
    android:background="@drawable/ic_cb_common"
    android:button="@null"
    android:checked="false"
    app:expandTouchArea="@{`20 10 50 20`}"/>

2.3、参数解析

//表示在View原有范围的基础上在四周增加20dp的区域
app:expandTouchArea="@{`20`}
//表示在View原有范围的基础上左右增加20dp, 上下增加10dp的区域
app:expandTouchArea="@{`20 10`}
//表示在View原有范围的基础上, 左上右下分别增加20dp 10dp 50dp 20dp的区域
app:expandTouchArea="@{`20 10 50 20`}

2.4、注意事项

1、若View的自定义触摸范围超出View.parent的大小,则超出的那部分无效。

2、一个ViewGroup里只能设置一个,设置多个时只有最后设置的那个有效。(也可以多个,需要自定义ViewGroup

3、只有设置那个View的View.parent接收到点击事件时才能触发,也就是说这个区域是可以被其他View遮挡的,so被遮挡时也无效。

以上就是Android扩大View点击区域方案示例的详细内容,更多关于Android扩大View点击区域的资料请关注脚本之家其它相关文章!

相关文章

  • Android SpringAnimation弹性动画解析

    Android SpringAnimation弹性动画解析

    这篇文章主要为大家详细介绍了Android SpringAnimation弹性动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Android实现粒子漩涡动画

    Android实现粒子漩涡动画

    粒子动画经常用于大画幅的渲染效果,实际上难度并不高,但是在使用粒子动画时,必须要遵循的一些要素,起点,矢量速度和符合运动学公式等,文中有详细的代码示例供大家参考,具有一定的参考价值,需要的朋友可以参考下
    2024-01-01
  • Android中图片占用内存的深入分析

    Android中图片占用内存的深入分析

    我们在日常开发中应该经常思考这些问题,图片占用内存跟哪些东西有关?跟手机有关系么?这篇文章主要给大家介绍了关于Android中图片占用内存的相关资料,需要的朋友可以参考下
    2022-01-01
  • Android底部菜单栏实现的实例代码

    Android底部菜单栏实现的实例代码

    这篇文章主要介绍了Android底部菜单栏实现的实例代码,本文通过使用RadioGroup来实现底部导航菜单栏。现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Android中巧妙的实现缓存详解

    Android中巧妙的实现缓存详解

    采用缓存,可以进一步大大缓解数据交互的压力,有的时候为了快速查询会被多次调用的数据,或者构建比较废时的实例,我们一般使用缓存的方法。无论大型或小型应用,灵活的缓存可以说不仅大大减轻了服务器的压力,而且因为更快速的用户体验而方便了用户。下面来一起看看吧。
    2016-11-11
  • 操作SD卡中文件夹和文件的方法

    操作SD卡中文件夹和文件的方法

    操作SD卡中文件夹和文件的方法,需要的朋友可以参考一下
    2013-04-04
  • Android Studio卡很久(loading)的问题解决办法

    Android Studio卡很久(loading)的问题解决办法

    这篇文章主要介绍了Android Studio卡很久(loading很久)的问题的相关资料,需要的朋友可以参考下
    2017-05-05
  • Android实现下载工具的简单代码

    Android实现下载工具的简单代码

    这篇文章主要为大家详细介绍了Android实现下载工具的简单代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Andriod studio 打包aar 的方法

    Andriod studio 打包aar 的方法

    这篇文章主要介绍了Andriod studio 打包aar的方法,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-12-12
  • Android实现QQ手机管家悬浮小火箭效果

    Android实现QQ手机管家悬浮小火箭效果

    这篇文章主要介绍了Android实现QQ手机管家悬浮小火箭效果,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05

最新评论