实现类似QQ侧滑的SlidingLayout

本文介绍了一种基于ViewDragHelper实现的侧滑布局组件SlidingLayout,详细解析了其核心代码及工作原理,包括触摸事件拦截、滑动距离计算、滑动状态管理等关键环节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

SlidingLayout的侧滑效果通过ViewDragHelper来实现;
ViewDragHelper使用详解参考:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/0911/1680.html

package com.zkr.cn.slidinglayout;

import android.content.Context;
import android.support.v4.view.ViewCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;

/**
 * @PackageName: ---------com.zkr.cn.slidinglayout
 * @Description: ---------描述这个类的作用
 * @author: ---------------LF
 * @date: -----------------2016/11/9 17:15
 */
public class SlidingLayout extends FrameLayout {

    private ViewDragHelper mViewDragHelper;
    private View mMenuView,mMainView;
    private int mWidth;
    private float startX,startY;

    public SlidingLayout(Context context) {
        super(context);
        initView();
    }

    public SlidingLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public SlidingLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    private void initView() {
        mViewDragHelper=ViewDragHelper.create(this,callBack);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        mMenuView=getChildAt(0);
        mMainView=getChildAt(1);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth=mMenuView.getMeasuredWidth();
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //将触摸事件传递给mViewDragHelper
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

    private ViewDragHelper.Callback callBack=new ViewDragHelper.Callback(){

        //该条件下开始检测触摸事件
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            return mMainView==child;//当触摸的view为MainView则检测该事件
        }
        //不断返回水平滑动的距离
        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            if(left>0){
                return left;
            }else{//禁止左滑
                return 0;
            }

        }

        //不断返回竖直滑动的距离
        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            return 0;
        }

        //拖动结束后调用
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            super.onViewReleased(releasedChild, xvel, yvel);
            //关闭菜单
            if(mMainView.getLeft()<300){
                mViewDragHelper.smoothSlideViewTo(mMainView,0,0);
                //invalidate方法类似
                ViewCompat.postInvalidateOnAnimation(SlidingLayout.this);
            }
            //打开菜单
            else{
                mViewDragHelper.smoothSlideViewTo(mMainView,300,0);
                ViewCompat.postInvalidateOnAnimation(SlidingLayout.this);
            }
        }
    };

    @Override
    public void computeScroll() {
       if(mViewDragHelper.continueSettling(true)){
            ViewCompat.postInvalidateOnAnimation(this);
       }
    }
}

demo地址:http://download.youkuaiyun.com/detail/qq1377399077/9678510

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值