QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

手机号码,快捷登录

手机号码,快捷登录

查看: 1729|回复: 0

[Android/IOS] Android扩大View点击范围的方法

[复制链接]

等级头衔

积分成就    金币 : 2851
   泡泡 : 1516
   精华 : 6
   在线时间 : 1305 小时
   最后登录 : 2024-12-7

丰功伟绩

优秀达人突出贡献荣誉管理论坛元老活跃会员

联系方式
发表于 2021-5-18 08:37:23 | 显示全部楼层 |阅读模式
       Android4.0设计规定的有效可触摸的UI元素标准是48dp,转化为一个物理尺寸约为9毫米。7~10毫米,这是一个用户手指能准确并且舒适触摸的区域。如下图所示,你的UI元素可能小于48dp,图标仅有32dp,按钮仅有40dp,但是他们的实际可操作焦点区域最好都应达到48dp的大小。
9 K% y& l$ w! G- ~% o% s6 {! F2 `2 f 1.jpg : V9 f1 X, _6 q; Y& f
       为使小的UI区域获得良好的触摸交互,根据View的特性,目前碰到了两种情况:
& ?- F1 Q; M5 F* |
  • 如ImageView,设置其padding值,可触摸区域将向外扩展;
  • 如Button,设置其padding值,可触摸区域不变,其内内容显示区域向内压缩;
    7 k: d/ |5 h/ z; k6 W/ _7 t
       情况1的控件,可直接设置其padding值达到目的,如 android:padding="10dp"  
3 z/ W: R) o$ \( J       情况2的控件,可使用TouchDelegate动态修改其触摸区域,达到扩大点击范围的效果
; c+ o( l/ M, @* n4 [
/**
 * 扩大View的触摸和点击响应范围,最大不超过其父View范围
 *
 * @param view
 * @param top
 * @param bottom
 * @param left
 * @param right
 */
public static void expandViewTouchDelegate(final View view, final int top,
                                           final int bottom, final int left, final int right) {
 
    ((View) view.getParent()).post(new Runnable() {
        @Override
        public void run() {
            Rect bounds = new Rect();
            view.setEnabled(true);
            view.getHitRect(bounds);
 
            bounds.top -= top;
            bounds.bottom += bottom;
            bounds.left -= left;
            bounds.right += right;
 
            TouchDelegate touchDelegate = new TouchDelegate(bounds, view);
 
            if (View.class.isInstance(view.getParent())) {
                ((View) view.getParent()).setTouchDelegate(touchDelegate);
            }
        }
    });
}
      采取此种方法的两点注意:- s' E3 H& W, V  L* D: Q" I
  • 若View的自定义触摸范围超出Parent的大小,则超出的那部分无效。
  • 一个Parent只能设置一个View的TouchDelegate,设置多个时只有最后设置的生效。. Q0 G4 q; H7 |+ a3 @5 x/ n# W
       若需要恢复该View的触摸范围:
: d  i% n* w+ @9 e7 J
/**
 * 还原View的触摸和点击响应范围,最小不小于View自身范围
 *
 * @param view
 */
public static void restoreViewTouchDelegate(final View view) {
 
    ((View) view.getParent()).post(new Runnable() {
        @Override
        public void run() {
            Rect bounds = new Rect();
            bounds.setEmpty();
            TouchDelegate touchDelegate = new TouchDelegate(bounds, view);
 
            if (View.class.isInstance(view.getParent())) {
                ((View) view.getParent()).setTouchDelegate(touchDelegate);
            }
        }
    });
}
      使用TouchDelegate扩大View的触摸响应范围是一种比较灵活的方法,有时可与设置padding的方式结合使用。
3 N  e6 H5 q. n6 Q9 ]       后期实际开发中发现,使用post runnable的方式去设置Delegate区域大小的原因是,如该View师在Activity的OnCreate()或Fragment的OnCreateView()中绘制,此时UI界面尚未开始绘制,无法获得正确的坐标;
$ f( K) A# q" P       若将此法应用在ListView的getView()中绘制每个ItemView时,则Delegate的设置将部分失效,原因是ListView的绘制较特殊,可能无法获取到部分还未绘制出的View的正确坐标。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|paopaomj.COM ( 渝ICP备18007172号|渝公网安备50010502503914号 )

GMT+8, 2024-12-7 05:12

Powered by paopaomj X3.5 © 2016-2025 sitemap

快速回复 返回顶部 返回列表