ViewDragHelper和基于此类的两种侧滑布局

最新推荐文章于 2021-02-23 23:47:58 发布

Revival_Liang

最新推荐文章于 2021-02-23 23:47:58 发布

阅读量312

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/Revival_Liang/article/details/51559597

版权

Android 专栏收录该内容

150 篇文章 0 订阅

订阅专栏

注意：侧滑那个布局要加入 <span style="font-family: 宋体; font-size: 12pt; color: rgb(0, 0, 255);  background-color: rgb(228, 228, 255);"><strong>android</strong></span><span style="font-family: 宋体; font-size: 12pt; color: rgb(0, 0, 255); "><strong>:layout_gravity=</strong></span><span style="font-family: 宋体; font-size: 12pt; color: rgb(0, 128, 0); "><strong>"start"</strong></span>

package com.example.k.viewdraghelper;

import android.content.Context;
import android.graphics.Point;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;

/**
 * Created by k on 2016/5/31.
 */
public class MyViewDragHelper extends LinearLayout {
    private ViewDragHelper mDragger;

    private View mDragView;
    private View mAutoBackView;
    private View mEdgeTrackerView;

    private Point mAutoBackOriginPos = new Point();

    public MyViewDragHelper(Context context, AttributeSet attrs) {
        super(context, attrs);
        mDragger = ViewDragHelper.create(this, 1.0f, new ViewDragHelper.Callback() {
            @Override
            //点击一个child就调用一次
            public boolean tryCaptureView(View child, int pointerId) {
            //mEdgeTrackerView禁止直接移动
            return true;
            //通过这样的方式可以设置哪个clild不可以移动：return child == mDragView || child == mAutoBackView;
        }
            //控制被移动的子View位置X
            @Override
            public int clampViewPositionHorizontal(View child, int left, int dx) {
                final int leftPadding = getPaddingLeft(); //=0
                final int rightBound = getWidth() - mDragView.getWidth() - leftPadding;
                Log.i("ok","getWidth()="+getWidth());
                final int newLeft = Math.min(Math.max(left, leftPadding), rightBound);
                return newLeft;
            }
            //控制被移动的子View位置Y
            @Override
            public int clampViewPositionVertical(View child, int top, int dy) {
                final int TopPadding = getPaddingTop();
                final int BottomPadding = getPaddingBottom();
                final int BottomBound = getHeight()-mDragView.getHeight()-TopPadding;
                final int newtop = Math.min(Math.max(TopPadding,top),BottomBound);
                return newtop;
            }

            //手指释放的时候回调
            @Override
            public void onViewReleased(View releasedChild, float xvel, float yvel) {
                //mAutoBackView手指释放时可以自动回去
                if (releasedChild == mAutoBackView) {
                    //在捕获视图，把mAutoBackView设置回滑动前的位置
                    mDragger.settleCapturedViewAt(mAutoBackOriginPos.x, mAutoBackOriginPos.y);
                    invalidate();
                }
            }
            //在边界拖动时回调
            @Override public void onEdgeDragStarted(int edgeFlags, int pointerId) {
                mDragger.captureChildView(mEdgeTrackerView, pointerId);
            }
        });
        //设置边缘跟踪功能
        mDragger.setEdgeTrackingEnabled(ViewDragHelper.EDGE_LEFT);
    }
//拦截触摸事件
    @Override public boolean onInterceptTouchEvent(MotionEvent event) {
        //应拦截触摸事件
        return mDragger.shouldInterceptTouchEvent(event);
    }
//触摸事件
    @Override public boolean onTouchEvent(MotionEvent event) {
        mDragger.processTouchEvent(event);
        return true;
    }
//计算滚动
    @Override public void computeScroll() {
        if (mDragger.continueSettling(true)) {
            invalidate();
        }
    }
//此方法先于onViewReleased()方法
    @Override protected void onLayout(boolean changed, int l, int t, int r, int b) {
        Log.i("ok",""+1);
        super.onLayout(changed, l, t, r, b);
        mAutoBackOriginPos.x = mAutoBackView.getLeft();
        mAutoBackOriginPos.y = mAutoBackView.getTop();
    }
//解析完View才会调用此方法，解析玩才可以进行View的ID操作
    @Override protected void onFinishInflate() {
        super.onFinishInflate();
        mDragView = getChildAt(0);
        mAutoBackView = getChildAt(1);
        mEdgeTrackerView = getChildAt(2);
    }
}

布局文件如下：

<?xml version="1.0"?>

<com.example.k.viewdraghelper.MyViewDragHelper android:layout_height="match_parent" android:paddingLeft="30dp" android:orientation="vertical" android:layout_width="match_parent" xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android">

<TextView android:layout_height="100dp" android:layout_width="100dp" android:text="I can be dragged !" android:background="#44ff0000" android:layout_gravity="center" android:gravity="center" android:layout_margin="10dp"/>

<TextView android:layout_height="100dp" android:layout_width="100dp" android:text="I can be dragged !" android:background="#44ff0000" android:layout_gravity="center" android:gravity="center" android:layout_margin="10dp"/>

<TextView android:layout_height="100dp" android:layout_width="100dp" android:text="I can be dragged !" android:background="#44ff0000" android:layout_gravity="center" android:gravity="center" android:layout_margin="10dp"/>

</com.example.k.viewdraghelper.MyViewDragHelper>

ViewDragHelper是谷歌在2013年的I/O大会上推出的一个用于View拖拽操作的帮助类，借助于该类谷歌同时推出了两个用于侧滑的布局SlidingPaneLayout和DrawerLayout，现在市场上的很多带有侧滑菜单的应用都是基于这两种布局。