zoukankan      html  css  js  c++  java
  • 使用android.view.TouchDelegate扩大View的触摸点击区域

    Android4.0设计规定的有效可触摸的UI元素标准是48dp,转化为一个物理尺寸约为9毫米。7~10毫米,这是一个用户手指能准确并且舒适触摸的区域。

    如下图所示,你的UI元素可能小于48dp,图标仅有32dp,按钮仅有40dp,但是他们的实际可操作焦点区域最好都应达到48dp的大小。

    1 触屏手机点击区域的小秘密

    为使小的UI区域获得良好的触摸交互,根据View的特性,目前碰到了两种情况:

    1.如ImageView,设置其padding值,可触摸区域将向外扩展;

    2.如Button,设置其padding值,可触摸区域不变,其内内容显示区域向内压缩;

    情况1的控件,可直接设置其padding值达到目的,如 android:padding="10dp"  

    情况2的控件,可使用TouchDelegate动态修改其触摸区域,达到扩大点击范围的效果

    [java] view plain copy
     
     print?在CODE上查看代码片派生到我的代码片
    1. /** 
    2.      * 扩大View的触摸和点击响应范围,最大不超过其父View范围 
    3.      *  
    4.      * @param view 
    5.      * @param top 
    6.      * @param bottom 
    7.      * @param left 
    8.      * @param right 
    9.      */  
    10.     public static void expandViewTouchDelegate(final View view, final int top,  
    11.             final int bottom, final int left, final int right) {  
    12.   
    13.         ((View) view.getParent()).post(new Runnable() {  
    14.             @Override  
    15.             public void run() {  
    16.                 Rect bounds = new Rect();  
    17.                 view.setEnabled(true);  
    18.                 view.getHitRect(bounds);  
    19.   
    20.                 bounds.top -= top;  
    21.                 bounds.bottom += bottom;  
    22.                 bounds.left -= left;  
    23.                 bounds.right += right;  
    24.   
    25.                 TouchDelegate touchDelegate = new TouchDelegate(bounds, view);  
    26.   
    27.                 if (View.class.isInstance(view.getParent())) {  
    28.                     ((View) view.getParent()).setTouchDelegate(touchDelegate);  
    29.                 }  
    30.             }  
    31.         });  
    32.     }  


    采取此种方法的两点注意:

    1、若View的自定义触摸范围超出Parent的大小,则超出的那部分无效。
    2、一个Parent只能设置一个View的TouchDelegate,设置多个时只有最后设置的生效。

    若需要恢复该View的触摸范围:

    [java] view plain copy
     
     print?在CODE上查看代码片派生到我的代码片
    1. /** 
    2.      * 还原View的触摸和点击响应范围,最小不小于View自身范围 
    3.      *  
    4.      * @param view 
    5.      */  
    6.     public static void restoreViewTouchDelegate(final View view) {  
    7.   
    8.         ((View) view.getParent()).post(new Runnable() {  
    9.             @Override  
    10.             public void run() {  
    11.                 Rect bounds = new Rect();  
    12.                 bounds.setEmpty();  
    13.                 TouchDelegate touchDelegate = new TouchDelegate(bounds, view);  
    14.   
    15.                 if (View.class.isInstance(view.getParent())) {  
    16.                     ((View) view.getParent()).setTouchDelegate(touchDelegate);  
    17.                 }  
    18.             }  
    19.         });  
    20.     }  


    使用TouchDelegate扩大View的触摸响应范围是一种比较灵活的方法,有时可与设置padding的方式结合使用。

    更新

    ======

    后期实际开发中发现,使用post runnable的方式去设置Delegate区域大小的原因是,如该View师在Activity的OnCreate()或Fragment的OnCreateView()中绘制,此时UI界面尚未开始绘制,无法获得正确的坐标;

    若将此法应用在ListView的getView()中绘制每个ItemView时,则Delegate的设置将部分失效,原因是ListView的绘制较特殊,可能无法获取到部分还未绘制出的View的正确坐标。解决方案具体可参考以下参考阅读所列。

    参考阅读:通过自定义View的方式,及某些其他情况的处理:

    1.《Android使用TouchDelegate增加View的触摸范围》 http://blog.csdn.net/sgwhp/article/details/10963383

    2.《ListView Tips & Tricks #5: Enlarged Touchable Areas》 http://cyrilmottier.com/2012/02/16/listview-tips-tricks-5-enlarged-touchable-areas/

    3.《Extend touchable areas #Android》 https://plus.google.com/u/0/+JulienDodokal/posts/8zoV3RQvReS

  • 相关阅读:
    软件版本 —— Alpha、Beta、RC版本的区别
    linux删除回收站提示权限错误
    Centos7系统备份和还原脚本
    搭建Docker私服
    在深度Deepin 15.11系统上安装Python 3.7.4版本的方法
    Dockerfile范例
    Remmina无法远程连接的解决方法
    再生龙教程——对于Centos7进行备份和还原
    共享Excel编辑的一些资源
    【转载】怎样编写概要设计
  • 原文地址:https://www.cnblogs.com/xiaorenwu702/p/5213273.html
Copyright © 2011-2022 走看看