Android自定义View-----上下拖动布局--SlideContentLayout

    仿照百度地图的上层地址列表的上拉、下拉的拖动效果,当手指离开屏幕时,地址列表有三种状态:全部展示,展示一半,隐藏到底部。

特点

  1. 继承于RelativeLayout,不用我们自己测量、布局、绘制View。
  2. 可以嵌套不同的View,包括RecyclerView、ListView等,并实现滑动事件冲突的处理。
  3. View的移动动画的实现,使用setY(),通过设置View的位置,实现移动动画。
  4. VelocityTracker的使用,根据VelocityTracker得到Y方向的移动速度和当前的View的位置,从而切换到不同的显示状态。

实现思路
  1. 需要兼容不同的View的拖动,所以使用一个外层布局SlideContentLayout,用于嵌套需要拖动的内容,也就是拖动的View。我们实现SlideContentLayout的拖动,就是相当于实现View的拖动。
  2. 嵌套View可能也是一个可拖动的View,所以需要处理滑动事件冲突。在SlideContentLayout中的onInterceptTouchEvent()方法中根据条件进行事件的拦截,在onTouchEvent()方法中实现当前SlideContentLayout的滑动操作。
  3. 由于不同的嵌套View,它的拦截条件可能不一样,所以把拦截判断抽象成一个接口,在用户使用时,根据自己使用的嵌套View,实现该接口,然后把接口对象传到SlideContentLayout中。
  4. 松开手时,SlideContentLayout根据当前的位置移动到对应的状态,这时使用属性动画进行View的移动。

事件拦截机制分析


Android自定义View-----上下拖动布局--SlideContentLayout_第1张图片


手指下滑

    当SlideContentLayout位于①,当嵌套View已经滑动到最顶端时,SlideContentLayout拦截事件,随手指滑动进行向下移动操作。
    当SlideContentLayout位于①-③之间,直接拦截事件,随手指滑动进行向下移动操作。
    当SlideContentLayout位于③,不拦截事件。

手指上滑

    当SlideContentLayout位于③-①,拦截事件,随着手指向上移动。
    当SlideContentLayout位于①,不拦截事件。

效果如下





用法
   ### 在xml中配置:



    
        
    
    
        
    ### 在Activity中实现拦截判断接口。
@Override
    public boolean checkIfIntercept() {
        View firstChild = mDataRecyclerView.getChildAt(0);
        boolean shouldIntercept;
        LinearLayoutManager linearLayoutManager = (LinearLayoutManager) mDataRecyclerView.getLayoutManager();
        int firstVisiblePosition = linearLayoutManager.findFirstVisibleItemPosition();
        if (firstVisiblePosition == 0 && firstChild.getTop() == 0) {
            shouldIntercept = true;
        } else {
            shouldIntercept = false;
        }
        return shouldIntercept;
    }
     ###  设置接口实现对象到SlideContentLayout对象中。

mSlideContentLayout.setInterceptChecker(this);

GitHub源码:SlideContentLayout源码

欢迎喜欢的朋友star一下!谢谢大家!


你可能感兴趣的:(Android自定义View)