概述
这是Android读书笔记第三篇，主要讲的就是关于Scroll的东西
笔记
Android提供了两种坐标系
Android坐标系：以屏幕左上角为坐标原点，向下为Y正方向，向右为X正方向，指的是视图左上角的坐标系。
视图坐标系：描述的是子视图在父视图中的位置
如何获取坐标：
- View提供的获取坐标的方法
getTop:View自身顶部到父布局顶部的距离
getLeft:View自身左边到父布局左边距离
getBottom:View自身底部到父布局顶部距离
getRight:View自身右边到父布局左边距离 - MotionEvent提供的方法
getX:获取点击事件距离控件左边的距离
getY:获取点击事件距离控件顶部的距离
getRawX:点击事件距离整个屏幕左边的距离
getRawY:点击事件距离整个屏幕顶部的距离
实现滑动的方式
1.Layout:可以使用绝对坐标也可以使用相对坐标，使用相对坐标需要注意一点：在ACTION_MOVE的最后要重新将当前位置设置给上次，不然就无法准确获取偏移量
2.同时偏移
offsetLeftAndRight();
offsetTopAndBottom();`
3.LayoutParams
获取View所在的布局参数，设置左边距，然后保存
4.scrollTo与scrollBy
case MotionEvent.ACTION_MOVE:
int offsetX = x - lastX;
int offsetY = y - lastY;
((View)getParent()).scrollBy(-offsetX,-offsetY);
break;
注意：这两个方法移动的是View的内容，而不是View本身，如果想移动View本身，就要在该View所在的ViewGroup移动
((View)getParent()).scrollBy(-offsetX,-offsetY);
还有，要注意参数的正负，小于0表示表示向正方向移动。
5.Scroller
Scroller用来实现平滑移动，
6.属性动画
谷歌给我们提供了两个滑动控件，DrawerLayout和SlidingPaneLayout,它们底部都使用了ViewDragHelper,下面通过一个例子来看看它的使用。
public class DragLayout extends FrameLayout {
private final ViewDragHelper viewDragHelper;
//侧边栏布局
private View menuView;
//主页面布局
private MyRelativeLayout mainView;
//主布局的宽度
private int measuredWidth;
//手势识别
GestureDetectorCompat detectorCompat;
public boolean isDrag = false;
//滑动的距离
private int mDragRange;
//默认关闭状态
private Status mStatus = Status.Close;
public static enum Status{
Open,Close,Draging
}
public DragLayout(Context context, AttributeSet attrs) {
super(context, attrs);
//创建ViewDragHelper，ViewDragHelper通常定义在一个ViewGroup中，第一个参数是当前父类，第二个参数是回调接口
viewDragHelper = ViewDragHelper.create(this, callback);
detectorCompat = new GestureDetectorCompat(getContext(),mGestureListener);
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
menuView = getChildAt(0);
mainView = (MyRelativeLayout) getChildAt(1);
mainView.setGragLayout(this);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
measuredWidth = mainView.getMeasuredWidth();//主页面宽度，一般为屏幕宽度
mDragRange = (int) (measuredWidth*0.6f);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
//让viewDragHelper判断是否要拦截事件
return viewDragHelper.shouldInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
//将触摸事件交给viewDragHelper处理
viewDragHelper.processTouchEvent(event);
return true;
}
@Override
public void computeScroll() {
super.computeScroll();
if(viewDragHelper.continueSettling(true)){
ViewCompat.postInvalidateOnAnimation(this);
}
}
/**
* 关闭侧边栏
*/
public void close(){
viewDragHelper.smoothSlideViewTo(mainView,0,0);
ViewCompat.postInvalidateOnAnimation(DragLayout.this);
mStatus = Status.Close;
}
/**
* 提供信息以接收事件的回调
*/
private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
@Override
//判断何时开始检测触摸事件
public boolean tryCaptureView(View child, int pointerId) {
return mainView == child;
}
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
return 0;
}
@Override
public int getViewHorizontalDragRange(View child) {
return mDragRange;
}
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
if(left<0){//禁止主页面向左滑动
return 0;
}
if(left>=mDragRange){//主页面滑动到指定距离后不让滑动
return mDragRange;
}
return left;
}
@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel);
if(mainView.getLeft()<300){//滑动距离不够大时关闭侧边栏
viewDragHelper.smoothSlideViewTo(mainView,0,0);
mStatus = Status.Close;
}else{
viewDragHelper.smoothSlideViewTo(mainView, (int) (measuredWidth*0.6f),0);
mStatus = Status.Open;
}
ViewCompat.postInvalidateOnAnimation(DragLayout.this);
}
@Override
public void onViewCaptured(View capturedChild, int activePointerId) {
super.onViewCaptured(capturedChild, activePointerId);
}
@Override
public void onViewDragStateChanged(int state) {
super.onViewDragStateChanged(state);
}
@Override
public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
super.onViewPositionChanged(changedView, left, top, dx, dy);
}
};
GestureDetector.SimpleOnGestureListener mGestureListener = new GestureDetector.SimpleOnGestureListener() {
public boolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY) {
if ((Math.abs(distanceX) > Math.abs(distanceY)) && distanceX < 0 && isDrag != false && mStatus == Status.Close) {
return true;
} else if ((Math.abs(distanceX) > Math.abs(distanceY)) && distanceX > 0 && isDrag != false && mStatus == Status.Open) {
return true;
} else {
return false;
}
}
};
//获取侧边栏的状态
public Status getStatus(){
return mStatus;
}
}然后我们要定义一个主页面容器，来处理ListView的滑动冲突
public class MyRelativeLayout extends RelativeLayout {
DragLayout mViewGroup;
public MyRelativeLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
/**
* 判断是否要拦截侧边栏的事件
* @param ev
* @return
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
if(mViewGroup.getStatus() == DragLayout.Status.Close){//侧边栏关闭的时候，主页面不拦截事件
return super.onInterceptTouchEvent(ev);//false
}else {//侧边栏打开的时候，事件要交给主页面控制,不让ListView获取事件
return true;
}
}
public void setGragLayout(DragLayout viewGroup){
mViewGroup = viewGroup;
}
@Override
public boolean onTouchEvent(MotionEvent event) {
if(MotionEventCompat.getActionMasked(event) == MotionEvent.ACTION_UP){
mViewGroup.close();//关闭侧边栏
}
return true;
}
}最后我们看看布局文件
<com.example.androidheros.DragLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/dragview"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.androidheros.MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<TextView
android:id="@+id/tv_menu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="菜单页面"
android:textSize="25sp"
android:textColor="#0000ff"
/>
</LinearLayout>
<com.example.androidheros.MyRelativeLayout
android:id="@+id/maincontent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#9e9e9e"
>
<ListView
android:id="@+id/listview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="25sp"
android:layout_centerVertical="true"
android:textColor="#ff0000"
/>
</com.example.androidheros.MyRelativeLayout>
</com.example.androidheros.DragLayout>
总结：
1.什么时候DragLayout会拦截事件？
还记得我们在DragLayout的onInterceptTouchEvent方法里面是怎么写的吗？
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
//让viewDragHelper判断是否要拦截事件
return viewDragHelper.shouldInterceptTouchEvent(ev);
}
我们知道返回true，表示拦截事件，否则不拦截，那么什么时候会拦截呢？通过看源码我们发现当当前状态是滑动的时候，会拦截事件。
2.当侧边栏打开的时候，如何不让ListView响应事件？
当侧边栏打开的时候，我们让ListView所在的父类，也就是主页面拦截事件，这样ListView就无法响应事件了，
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
if(mViewGroup.getStatus() == DragLayout.Status.Close){//侧边栏关闭的时候，主页面不拦截事件
return super.onInterceptTouchEvent(ev);//false
}else {//侧边栏打开的时候，事件要交给主页面控制,不让ListView获取事件
return true;
}
}
3.点击主布局，关闭侧边栏如何实现？
当侧边栏打开的时候，我们的主页面回去拦截事件，这时候会执行它的onTouEvent方法，我们在这个方法中判断，如果是ACTION_UP，就关闭侧边栏
@Override
public boolean onTouchEvent(MotionEvent event) {
if(MotionEventCompat.getActionMasked(event) == MotionEvent.ACTION_UP) {
mViewGroup.close();//
}
return true;
}
点此下载源码
