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

原创 2016年06月01日 22:17:54
注意:侧滑那个布局要加入 <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,现在市场上的很多带有侧滑菜单的应用都是基于这两种布局。

版权声明:本文为博主原创文章,未经博主允许不得转载。

ViewDragHelper实现QQ5.0侧滑并处理与ViewPager的滑动冲突

QQ5.0的侧滑效果有多种实现方式, 如http://blog.csdn.net/lmj623565791/article/details/39257409 就是利用HorizontalScrollV...
  • ljx19900116
  • ljx19900116
  • 2015年08月17日 10:59
  • 2660

Android 使用ViewDragHelper实现向slidingMenu侧滑菜单的效果

第一步:实现类import com.android.view.tool.Logger;import android.content.Context; import android.support.v4...
  • lovoo
  • lovoo
  • 2016年04月22日 16:45
  • 716

仿QQ侧滑效果ViewDragHelper

Google在其support库中为我们提供了DrawerLayout和SlidingPaneLayout两个布局来帮助我们开发侧边栏滑动的效果 ,在这两个布局背后有一个功能强大的ViewDragHe...
  • wei_chong_chong
  • wei_chong_chong
  • 2016年03月05日 11:00
  • 867

【FastDev4Android框架开发】神器ViewDragHelper完全解析之详解实现QQ5.X侧滑酷炫效果(三十四)

(一).前言:            这几天正在更新录制实战项目,整体框架是采用仿照QQ5.X侧滑效果的。那么我们一般的做法就是自定义ViewGroup或者采用开源项目MenuDrawer或者Goog...
  • jiangqq781931404
  • jiangqq781931404
  • 2015年11月25日 22:06
  • 6125

ViewDragHelper 实现 ListView 左滑删除

前言因为项目上需要实现收藏夹 ListView 左滑删除的需求,之前用的是第三方框架(SwipeListView)。最近抽空自己动手写个。实现左滑删除其实有很多种方法,ScrollTo+Scrolle...
  • heshiweij
  • heshiweij
  • 2016年03月26日 19:27
  • 2074

Android使用ViewDragHelper实现仿QQ6.0侧滑界面(一)

http://www.jb51.net/article/79178.htm QQ是大家离不开的聊天工具,方便既实用,自从qq更新至6.0之后,侧滑由原来的划出后主面板缩小变成了左右平滑,在外...
  • Rodulf
  • Rodulf
  • 2016年04月13日 19:18
  • 1203

ViewDragHelper做侧滑时与ListView的上下拉刷新冲突的解决办法

ViewDragHelper做仿QQ侧滑菜单的主流实例对象,可以节省很多代码量,做出来的侧滑效果流畅等等诸多优点,但是它并不完美,面对Android app多种多样的需求,它的缺点也是很多。比如类似题...
  • kimyo8337373
  • kimyo8337373
  • 2015年12月21日 15:15
  • 2110

Android开发笔记(一百二十)两种侧滑布局

SlidingPaneLayout SlidingPaneLayout是Android在android-support-v4.jar中推出的一个可滑动面板的布局,在前面《Android开发笔记(一百零...
  • aqi00
  • aqi00
  • 2016年08月19日 17:20
  • 2518

基于ViewDragHelper实现侧滑

ViewDragHelper 是一个非常强大的类 , 能够帮助我们这些新手处理复杂的手势问题。使用ViewDragHelper , 我们必须为其实现CallBack回调函数。 ViewDragHel...
  • qq_35290457
  • qq_35290457
  • 2017年09月24日 15:11
  • 96

侧滑 Activity FrameLayout

private void cehHua() { menu = new SlidingMenu(ShouActivity.this); menu.setMode(SlidingMenu....
  • zhao1332424656
  • zhao1332424656
  • 2017年03月17日 09:21
  • 162
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ViewDragHelper和基于此类的两种侧滑布局
举报原因:
原因补充:

(最多只允许输入30个字)