前面我已经用 HorizontalScrollView + Fragment实现了一个非常简洁的滑动菜单。这里用ViewDragHelper帮我们处理滑动,效果更佳。
作用: 在自定义ViewGroup中帮我们处理子控件的滑动效果 。
先介绍下ViewDragHelper的使用。
1. 继承一个ViewGroup, 在构造方法中初始化一个ViewDragHelper。
2. 重写onToucheEvent与onInterceptTouchEvent方法,让ViewDragHelper去处理事件。
3. 重写computeScroll方法,这里与scroller模拟滑动类似。
4. 实现ViewDragHelper的callback方法。
下面是具体代码
public class SlideMenuView extends FrameLayout {
private ViewDragHelper mViewDragHelper;
private int mScreenWidth;
private ViewGroup leftMenu;
private ViewGroup content;
private ViewGroup rightMenu;
private int mLeftMenuWidth;
private int mRightMenuWidth;
public SlideMenuView(Context context) {
super(context);
}
public SlideMenuView(Context context, AttributeSet attrs) {
super(context, attrs);
WindowManager wm = (WindowManager) getContext().getSystemService(
Context.WINDOW_SERVICE);
mScreenWidth = wm.getDefaultDisplay().getWidth();
mViewDragHelper = ViewDragHelper.create(this, callback);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
measureChildren(widthMeasureSpec, heightMeasureSpec);
//这里继续了FrameLayout,所以把content放在最后位置
leftMenu = (ViewGroup) getChildAt(0);
content = (ViewGroup) getChildAt(2);
rightMenu = (ViewGroup) getChildAt(1);
mLeftMenuWidth = leftMenu.getMeasuredWidth();
mRightMenuWidth = rightMenu.getMeasuredWidth();
}
@Override
public boolean onTouchEvent(MotionEvent event) {
mViewDragHelper.processTouchEvent(event);
return true;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
return mViewDragHelper.shouldInterceptTouchEvent(ev);
}
//可做模板代码
@Override
public void computeScroll() {
if (mViewDragHelper.continueSettling(true)) {
ViewCompat.postInvalidateOnAnimation(this);
}
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
//重写,让右侧菜单靠右显示
rightMenu.layout(mScreenWidth-mRightMenuWidth, top, mScreenWidth, bottom);
}
private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
@Override
public boolean tryCaptureView(View child, int pointerId) {
//这里只用让中间主界面可滑动
return content == child;
}
//处理横向的滚动
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
if (left > mLeftMenuWidth) left = mLeftMenuWidth;
if (-left > mRightMenuWidth) left = -mRightMenuWidth;
return left;
}
@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 (content.getLeft() > mLeftMenuWidth / 2) { // 向右滑动超过左侧菜单一半时
mViewDragHelper.smoothSlideViewTo(content, mLeftMenuWidth, 0);
} else if (-content.getLeft() > mRightMenuWidth / 2) { //向左滑动距离超过右侧菜单一半时,
mViewDragHelper.smoothSlideViewTo(content, -mRightMenuWidth, 0);
} else { //回到原点
mViewDragHelper.smoothSlideViewTo(content, 0, 0);
}
ViewCompat.postInvalidateOnAnimation(SlideMenuView.this);
}
};
}
代码已经很清楚了, 要注意的是, 这里重写了onLayout方法,为了rightMenu靠右显示。为了通用,可以用Fragment去实现 这里的leftMenu与rithgMenu.