Android群英转读书笔记第五章(Android Scroll分析)

原创 2016年05月30日 13:45:22

概述

这是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;
    }

点此下载源码

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

相关文章推荐

《Android群英传》读书笔记(4)第五章:Android Scroll分析

1.Android坐标系在Android中,将屏幕左上角的顶点作为Android坐标系的原点,从这个点向右是X轴正方向,向下是Y轴正方向。 系统提供了getLocatinoOnScreen(int ...

《Android群英传》读书笔记5.Android Scroll分析

相对于Android 2.X版本中的长按、点击操作,从Android 4.X开始,滑动操作出现在了Android中1. 滑动效果是如何产生的滑动一个View,本质上就是移动一个View,通过不断地改变...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

Android群英传笔记——第五章:Android Scroll分析

Android群英传笔记——第五章:Android Scroll分析 滑动事件算是Android比较常用的效果了,而且滑动事件他本身也是有许多的知识点,今天,我们就一起来耍耍Scroll吧 一.滑...

Android群英传第五章笔记·Android Scroll分析

发生滑动效果的原因Android坐标系 获取view在屏幕上的坐标(view左上角的坐标) View view = (View) findViewById(R.id.view); ...

Android群英传知识点回顾——第五章:Android Scroll分析

Android群英传知识点回顾——第四章:Android Scroll分析知识点目录 5.1 滑动效果是如何产生的 5.1.1 Android坐标系 5.1.2 视图坐标系 5...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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