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群英传第五章Scroll分析读书笔记

Android坐标系 Android系统提供了getLacationOnScreen(int[] location)这样的方法来获取Android坐标系中点的位置,即该视图左上角在Android坐标...
  • u010121444
  • u010121444
  • 2015年12月17日 22:15
  • 144

《java核心技术》(原书第七版)读书笔记之第五章

有阵子没写博客了,这一章看了很久,倒不是说内容很难,只是中间有很多事打断了,以后要争取每天都有记录,每天进步一点,加油!   知识点总结:   (1)关键字extends表示继承。已存在的类:超类...
  • gongkaichun
  • gongkaichun
  • 2014年03月27日 22:03
  • 827

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

1.Android坐标系在Android中,将屏幕左上角的顶点作为Android坐标系的原点,从这个点向右是X轴正方向,向下是Y轴正方向。 系统提供了getLocatinoOnScreen(int ...
  • chaoyang805
  • chaoyang805
  • 2015年12月16日 11:40
  • 297

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

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

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

发生滑动效果的原因Android坐标系 获取view在屏幕上的坐标(view左上角的坐标) View view = (View) findViewById(R.id.view); ...
  • xiang_freedom
  • xiang_freedom
  • 2016年04月22日 19:23
  • 1803

Android群英传学习——第五章、Android Scroll分析

本章将介绍两大部分内容:发生滑动效果的原因 如何处理、实现滑动效果 一、滑动效果是如何产生的滑动一个View,本质上来说就是改变当前View的位置。所以,要实现View的滑动,就必须监听用户触摸的事件...
  • qq_28585471
  • qq_28585471
  • 2017年09月07日 18:20
  • 83

第五章Android Scroll分析(Android群英传)

学习本章将明白: 1、发送滑动效果的原因 2、如何处理实现滑动效果 5.1、滑动效果是如何产生的? 滑动一个view其实就是移动一个view,原理与动画效果的实现很相似,都是通过不断改变...
  • u013277740
  • u013277740
  • 2017年02月16日 15:36
  • 217

Scroll滑动分析-《Android群英传》第五章

本文选自《android群英传》第五章。主要是滑动方面知识,讲解了坐标系、MotionEvent剄七种滑动的实现方法。 1-滑动的产生 1-Android坐标系 2-视图坐标系 3-Moti...
  • feather_wch
  • feather_wch
  • 2017年11月30日 18:32
  • 53

<机器学习>(周志华)读书笔记 -- 第五章 神经网络

神经网络大概是当下最热门的技术之一了,很多没有学过计算机的同学们都知道深度神经网络之类的热词。但是神经忘光了实际上已经很早了,在1988年的时候,就已经提出了这个概念。而1943年,就已经有了M-P神...
  • geng333abc
  • geng333abc
  • 2017年03月30日 14:22
  • 544

Android群英转读书笔记第9章(Android 系统信息与安全机制)

如何获取系统信息 Build类 SystemProperty Android安全机制五道防线 代码安全机制 应用接入权限控制 应用签名机制 Linux内核安全机制 虚拟机沙箱机制apk反编译...
  • Small_Lee
  • Small_Lee
  • 2016年06月02日 17:30
  • 192
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android群英转读书笔记第五章(Android Scroll分析)
举报原因:
原因补充:

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