zoukankan      html  css  js  c++  java
  • Android -- TouchDelegate

    设计规定

    Android4.0设计规定的有效可触摸的UI元素标准是48dp,这是一个用户手指能准确并且舒适触摸的区域。

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

    TouchDelegate

    假设有两个View,分别是v1,v2,我们可以通过v1的setTouchDelegate(bounds, v2)来委派触摸事件,其中bounds是一个Rect。v1中,落在这个范围的TouchEvent都会传给v2。

    解决

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

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

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

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

    /** 
         * 扩大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);  
                    }  
                }  
            });  
        }  
    

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

    1. 若View的自定义触摸范围超出Parent的大小,则超出的那部分无效。
    2. 一个Parent只能设置一个View的TouchDelegate,设置多个时只有最后设置的生效。如果希望一个view能设置多个委派,需要再自定义parent,具体方法可参考:http://cyrilmottier.com/2012/02/16/listview-tips-tricks-5-enlarged-touchable-areas/

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

    /** 
         * 还原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的方式结合使用。

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

    若将此法应用在ListView的getView()中绘制每个ItemView时,则Delegate的设置将部分失效,原因是ListView的绘制较特殊,可能无法获取到部分还未绘制出的View的正确坐标,可以参考:http://cyrilmottier.com/2012/02/16/listview-tips-tricks-5-enlarged-touchable-areas/

    我是天王盖地虎的分割线

    参考:http://blog.csdn.net/sgwhp/article/details/10963383

  • 相关阅读:
    [uva 11762]Race to 1[概率DP]
    为什么webview.loadUrl("javascript:function() ")不执行?
    IPhone多视图切换
    IAA32过程调用保护规则注册
    c#扩展方法简单
    Spring综合Struts2
    简单的讲Erlang一些运营商
    leetcode先刷_Pascal's Triangle II
    王立平--RemoteView
    js到字符串数组,实现阵列成一个字符串
  • 原文地址:https://www.cnblogs.com/yydcdut/p/5042810.html
Copyright © 2011-2022 走看看