Androidx.CustomView

androidx.customview包主要有2个helper, ExploreByTouchHelper 和 ViewDragHelper。

通过ExploreByTouchHelper可以让自定义View被talkBack等无障碍服务识别和读取。

通过ViewDragHelper实现下拉刷新 和 上拉加载更多。

image

ExploreByTouchHelper

ExploreByTouchHelper 是一个工具类,为了更好的支持无障碍交互,提供信息给无障碍服务和管理无障碍焦点。

例如 :TalkBack会从View中取出相关的无障碍内容,然后提示给用户。 普通的控件,例如textView,EditText的xml 配置android:contentDescripton属性就会被talkBack读取出来。如果

如果需要屏蔽,可以在xml设置IMPORTANT_FOR_ACCESSIBILITY_NO来屏蔽内容被读取。

设置IMPORTANT_FOR_ACCESSIBILITY_YES 表示有无障碍焦点,可以被talkBack读取。

对于自定义的View,里面各种图形无障碍化,需要被talkBack识别。我们就需要借助

ExploreByTouchHelper来实现。

image
image

主要的API :

提供匹配view绝对坐标系x,y对应的虚拟item , 返回virtualViewid

int  getVirtualViewAt(x,y)

把所有可见的item的virtualViewId填充到List集合中。

void getVisibleVirtualViews(List virtualViewIds)

给当前VirtualView填充信息。包括setScrollable,setEnabled,setContentDescription()

void onPopulateEventForVirtualView(int virtualViewId, AccessibilityEvent event)

当前VirtualView执行action,action包括Action_click, Action_Accessibility_Focus等

boolean onPerformActionForVirtualView(int virtualViewId,int action, Bundle arguments)

如何使用:

1 : 继承ExploreByTouchHelper,实现上述4个方法。

2 : 将事件传递给helper处理。

3 : 给View设置无障碍代理。

image

ViewDragHelper

ViewDragHelper is a utility class for writing custom ViewGroups. 
It offers a number of useful operations and state tracking for allowing a user to drag and 
reposition views within their parent ViewGroup.

ViewDraghelper 是一个创建自定义view的工具类,提供了大量有用的操作,捕获状态,并且允许用户拖拽View和设置在父viewGroup中的位置。

实现的CallBack的API:

STATE_IDLE : 静止状态。拖拽结束,动画停止,都是这个状态。

STATE_DRAGGING:正在被拖拽。Motion输入

STATE_SETTLIN :释放之后,View朝最终位置fling。

public void onViewDragStateChanged(int state) {}  

view已经被捕获,拖拽和fling时候回调。

changView : 捕获的View;

left :等于oldleft + dx 要滚动最终位置的left

top : 等于oldtop + dy 要滚动到最终位置的top

dx :水平方向增量。

dy : 竖直方向增量。

onViewPositionChanged(@NonNull View changedView,int left,int top,int dx, int dy)

当View被捕获的时候回调。

public void onViewCaptured(@NonNull View capturedChild,int activePointerId) {}

当子View不在被拖拽。如果调用settleCapturedViewAt(int, int) or

flingCapturedView(int, int, int, int) 则view进入STATE_SETTLING状态,否则进入STATE_IDLE状态。

public void onViewReleased(@NonNull View releasedChild,float xvel,float yvel)

边界触摸的时候回调: EDGE_LEFT, EDGE_TOP, EDGE_RIGHT, EDGE_BOTTOM,通过触摸点x,y值确定边界。

drawerLayout : 这个方法设置捕获的View探出一段距离,方便拖拽。

public void onEdgeTouched(int edgeFlags,int pointerId) {}

设置拖拽的View的边界锁定。

public boolean onEdgeLock(int edgeFlags) 

当View已经从某个边界被捕获时回调。

onEdgeDragStarted(int edgeFlags,int pointerId)

返回View的在布局中的index.

public int getOrderedChildIndex(int index) 

返回水平方向滚动的范围。 0 表示水平方向不可滚动。

public int getViewHorizontalDragRange(@NonNull View child)

返回竖直方向滚动的范围。 0 表示竖直方向不可滚动。

public int getViewVerticalDragRange(@NonNull View child)

用户尝试捕获该View。返回true,表示该View被捕获。

public abstract boolean tryCaptureView(@NonNull View child,int pointerId);

水平方向:确定可以拖拽的left的可取值。

如果水平方向可以移动,但是上次的left和这次的left值相同,则水平方向表示不能拖拽了。viewDragHelper则返回false,不拦截这次事件。

通常为 parent.LeftPadding() <= left <= parent.Width() - view.width()

public int clampViewPositionHorizontal(@NonNull View child,int left,int dx)

竖直方向:确定可以拖拽top的可取值。

如果水平方向可以移动,但是上次的top和这次的top值相同,则竖直方向表示不能拖拽了。viewDragHelper则返回false,不拦截这次事件。

通常为 parent.topPadding() <= top <= parent.height() - view.Height()

clampViewPositionVertical(@NonNull View child,int top,int dy)

使用方式:

1 : 继承callBack , 实现上述部分方法。

2 : 和ViewGroup绑定。

 ViewDragHelper.create(this,1.0f,new DragCallBack());

3 : 传递onInterceptTouchEvent(MotionEvent ev) 和 onTouchEven(MotionEvent ev)

@Override

public boolean onInterceptTouchEvent(MotionEvent ev) {

return mDragHelper.shouldInterceptTouchEvent(ev);

}

拦截事件: 通过mCallback.clampViewPositionVertical() 和mCallback.clampViewPositionVertical()判断该事件是否需要拦截。达到拦截条件则回调mCallback.tryCaptureView() , 如果不必拦截,则该事件向下传递,。

@Override

public boolean onTouchEvent(MotionEvent event) {

mDragHelper.processTouchEvent(event);

return true;

}

处理captureView的down事件。回调mCallback.tryCaptureView()

处理captureView的Move事件。 回调mCallback.onViewPositionChanged()

dragTo(mCapturedView.getLeft() +idx,mCapturedView.getTop() +idy,idx,idy);

处理captureView的Up事件。 回调mCallback.onViewReleased()

示例: 利用ViewDragHelper实现下拉刷新和上拉加载更多。

image
image
image

整个代码:

  protected void onFinishInflate() {
        super.onFinishInflate();
        Log.d(TAG, "onFinishInflate: ");
        contentView = getChildAt(2);
        headerVisiable = ((LinearLayout) headerView).getChildAt(1);
        headerVisiableLoadView = (AVLoadingIndicatorView) (((RelativeLayout) headerVisiable).getChildAt(1));
        headerVisiableLoadView.show();
    }

    public View getHeaderView(Context context) {
        return LayoutInflater.from(context).inflate(defaultHeader, null);
    }


    public View getFootView(Context context) {
        return LayoutInflater.from(context).inflate(defaultFooter, null);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Log.d(TAG, "onMeasure: ");
        for (int i = 0; i < getChildCount(); i++) {
            measureChild(getChildAt(i), widthMeasureSpec, heightMeasureSpec);
            Log.d(TAG, "onMeasure: " + getChildAt(i).getMeasuredWidth() + " height " + getChildAt(i).getMeasuredHeight());
        }
        int width = MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.EXACTLY);
        int height = MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(heightMeasureSpec), MeasureSpec.EXACTLY);
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        Log.d(TAG, "onLayout:" + skipLayout);
        if (!skipLayout) {
            headerView.layout(0, -headerView.getMeasuredHeight(), headerView.getMeasuredWidth(), 0);
            footView.layout(0, getMeasuredHeight(), footView.getMeasuredWidth(), getMeasuredHeight() + footView.getMeasuredHeight());
            contentView.layout(0, 0, contentView.getMeasuredWidth(), contentView.getMeasuredHeight());
        } else {
            skipLayout = false;
            Log.d(TAG, "onLayout: " + headerView.getTop() + " " + contentView.getTop());
            footView.layout(0, footView.getTop(), footView.getMeasuredWidth(), getMeasuredHeight() + footView.getBottom());
            headerView.layout(0, headerView.getTop(), headerView.getMeasuredWidth(), headerView.getBottom());
            contentView.layout(0, contentView.getTop(), contentView.getMeasuredWidth(), contentView.getBottom());
        }
    }

    float initY = 0f;

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean interceptFlag = mDragHelper.shouldInterceptTouchEvent(ev);
        boolean canScrollUp = contentView.canScrollVertically(-1);
        boolean canScrollDown = contentView.canScrollVertically(1);
        Log.d(TAG, "onInterceptTouchEvent: down " + canScrollDown + " up = " + canScrollUp);
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                initY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                float currY = ev.getY();
                //footer的多点触摸时候,强制拦截事件给viewDraghelper处理
                if (currY - initY < 0 && !canScrollDown && Math.abs(currY - initY) > mDragHelper.getTouchSlop() && !interceptFlag) {
                    Log.d(TAG, "onInterceptTouchEvent: --------- " + interceptFlag);
                    return true;
                } /*else if (currY - initY > 0 && canScrollUp && Math.abs(currY - initY) > mDragHelper.getTouchSlop()) { //footer
                    Log.d(TAG, "onInterceptTouchEvent: ++++++++" + interceptFlag);
                    return interceptFlag;
                } else if (canScrollUp && Math.abs(currY - initY) > mDragHelper.getTouchSlop()) {
                    return false;
                }*/
                break;
        }
        Log.d(TAG, "onInterceptTouchEvent: " + interceptFlag);
        return interceptFlag;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mDragHelper.processTouchEvent(event);
        return true;
    }

    class DragCallBack extends ViewDragHelper.Callback {

        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            skipLayout = true;
            headerVisiableLoadView.setVisibility(View.GONE);
            headerVisiableLoadView.hide();
            return child == contentView;
        }

        @Override
        public int getViewVerticalDragRange(@NonNull View child) {
            return headerView.getMeasuredHeight();
        }


        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            boolean up = child.canScrollVertically(-1);
            boolean down = child.canScrollVertically(1);
            Log.d(TAG, "clampViewPositionVertical: " + up + " " + down + "   " + dy + " " + top);
            if (up == false && down == true) {
                int finalTop = top;
                if (dy > 0) {
                    finalTop = (int) (finalTop - dy * dampingRatio(top, headerView.getMeasuredHeight()));
                    //  Log.d(TAG, "clampViewPositionVertical: " + finalTop + " " + top + " " + (dampingRatio(top)));
                }
                Log.d(TAG, "clampViewPositionVertical:  0    ");
                return Math.min(headerView.getMeasuredHeight(), Math.max(0, finalTop));
            } else if (up && !down) {
                int finalTop = top;
                if (dy < 0) {
                    //   finalTop = (int) (finalTop + dy * dampingRatio(top,footView.getMeasuredHeight()));
                    //   Log.d(TAG, "clampViewPositionVertical: " + finalTop + " " + top + " " + (dampingRatio(top)));
                }
                int max = Math.max(-footView.getMeasuredHeight(), Math.min(0, finalTop));
                Log.d(TAG, "clampViewPositionVertical:  1  " + max + " " + top);
                return max;
            } else {
                Log.d(TAG, "clampViewPositionVertical:  2   ");
                return child.getTop();
            }
        }

        public float dampingRatio(int top, int totalHeight) {
            float diffRatio = top * 1.0f / totalHeight;
            return diffRatio;
        }

        @Override
        public void onViewCaptured(View capturedChild, int activePointerId) {
            Log.d(TAG, "onViewCaptured: ");
            super.onViewCaptured(capturedChild, activePointerId);
            removeCallbacks(mHeaderRunnable);
        }

        @Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);
            ViewCompat.offsetTopAndBottom(headerView, dy);
            ViewCompat.offsetTopAndBottom(footView, dy);
            Log.d(TAG, "onViewPositionChanged: " + changedView.getTop() + " " + changedView.getBottom());
            Log.d(TAG, "onViewPositionChanged: " + top + "  1 " + dy);
            if (top == headerVisiable.getMeasuredHeight() && dy < 0) {
                Log.d(TAG, "onViewPositionChanged: " + top + " " + dy);
                skipLayout = true;
                headerVisiableLoadView.show();
            }
        }

        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            Log.d(TAG, "onViewReleased: " + yvel);
            if (contentView.getTop() >= headerVisiable.getMeasuredHeight()) {
                Log.d(TAG, "onViewReleased: " + headerVisiable.getMeasuredHeight());
                mDragHelper.smoothSlideViewTo(releasedChild, 0, headerVisiable.getMeasuredHeight());
            } else if (contentView.getTop() > 0 && contentView.getTop() < headerVisiable.getMeasuredHeight()) {
                mDragHelper.smoothSlideViewTo(releasedChild, 0, 0);
            } else if (contentView.getTop() < 0 && contentView.getTop() < -footView.getMeasuredHeight() / 2) {
                mDragHelper.smoothSlideViewTo(releasedChild, 0, -footView.getMeasuredHeight());
            } else if (contentView.getTop() > -footView.getMeasuredHeight() / 2) {
                mDragHelper.smoothSlideViewTo(releasedChild, 0, 0);
            }
            invalidate();
        }


        @Override
        public void onEdgeDragStarted(int edgeFlags, int pointerId) {
            super.onEdgeDragStarted(edgeFlags, pointerId);
        }

        @Override
        public void onViewDragStateChanged(int state) {
            Log.d(TAG, "onViewDragStateChanged: " + contentView.getTop() + "..." + headerVisiable.getMeasuredHeight());
            if (state == ViewDragHelper.STATE_IDLE && contentView.getTop() == headerVisiable.getMeasuredHeight()) {
                skipLayout = true;
                headerVisiableLoadView.setVisibility(View.VISIBLE);
                headerVisiableLoadView.show();
                postDelayed(mHeaderRunnable, 2000);
            } else if (state == ViewDragHelper.STATE_IDLE && contentView.getTop() == -footView.getMeasuredHeight()) {
                postDelayed(mHeaderRunnable, 2000);
            }
        }
    }

    private final Runnable mHeaderRunnable = new Runnable() {
        @Override
        public void run() {
            mDragHelper.smoothSlideViewTo(contentView, 0, 0);
            invalidate();
        }
    };

    @Override
    public void computeScroll() {
        if (mDragHelper.continueSettling(true)) {
            Log.d(TAG, "computeScroll: " + true);
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容