Android群英传笔记第三章（四）

自定义ViewGroup

在学自定义ViewGroup的时候对书中的知识有部分没有掌握，所以跳到了本书的第五章进行学习了相关的内容
以下为第五章笔记（学完这章会把第三章的笔记补上）

5.1 滑动效果是如何产生的

滑动一个View本质上就是移动一个View，通过不断改变View的坐标来实现这个效果；要实现View的滑动就要监听用户触摸事件，并根据传入的坐标，动态不断的改变View的坐标，从而实现滑动
#######5.1.1Android坐标系
在Android中将屏幕的左上角的顶点作为Android坐标系的原点，这个点向右是X轴正方形，向下是y轴正方向
系统通过getLocationOnScreen(location)方法（PS：int [] location = new int[2]，获取后location[0]代表x坐标location[1]代表y坐标）来获取Android坐标系中点的坐标

5.1.2 视图坐标系

描述的是子视图在父视图中的位置关系，以父视图的左上角为坐标原点
####### 5.1.3触摸事件-MotionEvent
在MotionEvent中封装了一些常用的事件常量
单点触摸按下动作

public static final int ACTION_DOWN = 0;
单点触摸离开动作
public static final int ACTION_UP = 1;
触摸点移动动作
public static final int ACTION_MOVE = 2;
触摸动作取消
public static final int ACTION_CANCEL = 3;
触摸动作超出边界
publicstatic final int ACTION_OUTSIDE = 4;
多点触摸按下动作
public static final int ACTION_POINTER_DOWN = 5;
多点离开动作
public static final int ACTION_POINTER_UP = 6;
通常我们会在onTouchEvent(MotionEvent event)方法中通过event.getAction()来获取触控事件的类型，并使用switch-case方法来进行筛选
使用的模板

@Override
    public boolean onTouchEvent(MotionEvent event) {
        //获取当前输入的的X,Y坐标（视图坐标）
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN :
                //处理输入的按下事件
                break;
            case MotionEvent.ACTION_HOVER_MOVE:
                //处理输入的移动事件
                break;
            case MotionEvent.ACTION_UP:
                //处理输入的离开事件
                break;
        }
        return true;
    }

坐标系总结

Android坐标系

getLeft()：View自身的左边到父布局左边的距离
getRight()：View自身的右边到父布局左边的距离
getBottom()：View自身的底边到父布局顶边的距离
getTop()：View自身的顶边到父布局顶边的距离

getX()：触摸点到控件左边的距离（相对距坐标）
getY()：触摸点到控件顶边的距离（相对坐标）
getRawX()：触摸点到屏幕左边的距离（绝对坐标）
getRawY()：触摸点到屏幕顶边的距离（绝对坐标）

5.2实现滑动的七中方法

原理：当触摸View的时候，系统记下当前触摸点的坐标，当手指移动时，系统记下移动后触摸点的坐标，两者之差获取到偏移量，并通过偏移量来修改View的坐标，不断的重复，从而实现滑动

5.2.1layout方法

package com.example.phonejason;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by 小新 on 2016/6/9.
 */
public class MyRec extends View {
    private int lastX,lastY;
    private Paint mPaint = null;
    public MyRec(Context context) {
        super(context);
        mPaint = new Paint();
    }

    public MyRec(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
    }

    public MyRec(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mPaint = new Paint();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        //画一个矩形
        canvas.drawRect(0,0,100,100,mPaint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()){
            //第一次触摸按下的时候获取到的x,y赋值给lastX，lastY
            case MotionEvent.ACTION_DOWN:
                lastX = x;
                lastY = y;
                break;
            //触摸移动时x,y会改变，和第一次触摸的lastX，lastY相减算出偏移
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                //每次移动都会调用latout()方法对自己重新布局，从而达到移动View的效果
                layout(getLeft()+offsetX,getTop()+offsetY,getRight()+offsetX,getBottom()+offsetY);
                break;
            default:
                break;
        }
        return true;
    }
}

也可以使用绝对绝对坐标来计算偏移量，但是和相对坐标有一定的区别（使用getRawX()和getRawY()是当前View的左边的距离距屏幕左边的距离+getX()，这个值随着View的滑动一直是变化的；但是getX是触摸点距离控件左边的距离，因为控件也是滑动的所以getX()是一直不变化的，所以在每次执行完ACTION_MOVE时我们重新设置初始坐标，这样才能准确获取偏移量）

package com.example.phonejason;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by 小新 on 2016/6/9.
 */
public class MyRec extends View {
    private int lastX,lastY;
    private Paint mPaint = null;
    public MyRec(Context context) {
        super(context);
        mPaint = new Paint();
    }

    public MyRec(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
    }

    public MyRec(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mPaint = new Paint();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        //画一个矩形
        canvas.drawRect(0,0,100,100,mPaint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int rawX = (int) event.getRawX();
        int rawY = (int) event.getRawY();
        switch (event.getAction()){
            //第一次触摸按下的时候获取到的x,y赋值给lastX，lastY
            case MotionEvent.ACTION_DOWN:
                lastX = rawX;
                lastY = rawY;
                break;
            //触摸移动时x,y会改变，和第一次触摸的lastX，lastY相减算出偏移
            case MotionEvent.ACTION_MOVE:
                int offsetX = rawX - lastX;
                int offsetY = rawY - lastY;
                //每次移动都会调用latout()方法对自己重新布局，从而达到移动View的效果
                layout(getLeft()+offsetX,getTop()+offsetY,getRight()+offsetX,getBottom()+offsetY);
                lastX = rawX;
                lastY = rawY;
                break;
            default:
                break;
        }
        return true;
    }
}

5.2.2 offsetLeafAndRight()与offsetTopAndBottom()

这个方法是系统提供的一个对左右、上下移动API的封装，使用如下代码可以完成View的重新布局，效果与Layout一样，代码如下

offsetLeftAndRight(offsetX);
 offsetTopAndBottom(offsetY);

5.2.3 LayoutParams

使用getLayoutParams()来获取一个View的LayoutParams，LayoutParams保存一个View的布局参数

 LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
layoutParams.leftMargin = getLeft()+offsetX;
layoutParams.topMargin = getTop()+offsetY;
setLayoutParams(layoutParams);

注意：获取LayoutParams时需要根据View所在父布局的类型设置不同的类型；使用ViewGroup.MarginLayoutParams就不需要考虑父布局了，但是本质上是一样的

 ViewGroup.MarginLayoutParams marginLayoutParams = (ViewGroup.MarginLayoutParams) getLayoutParams();
                marginLayoutParams.leftMargin = getLeft()+offsetX;
                marginLayoutParams.topMargin = getTop()+offsetY;
                setLayoutParams(marginLayoutParams);

5.2.4 scrollTo与scrollBy()

scrollBy(x,y)表示移动到一个具体的坐标(x,y)；
scrollTo(dx,dy)表示移动的增量为dx,dy；
scrollBy(x,y)和scrollTo(dx,dy)是让View的内容移动，例如TextView的内容就是文本；ImageView的内容就是drawable；如果在ViewGroup中使用，那么移动的是所有的View；所以我们要移动图形的话我们需要获取它的父布局然后移动（这里要注意一点很重要的是：父布局往右移动20px，字布局是向左移动20px，实际上我们想子布局向右移动20px那么我们就需要在父布局中往右移动-20px；选的参考系不一样）

package com.example.phonejason;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

/**
 * Created by 小新 on 2016/6/9.
 */
public class MyRec extends View {
    private int lastX,lastY;
    private Paint mPaint = null;
    public MyRec(Context context) {
        super(context);
        mPaint = new Paint();
    }

    public MyRec(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
    }

    public MyRec(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mPaint = new Paint();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        //画一个矩形
        canvas.drawRect(0,0,100,100,mPaint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()){
            //第一次触摸按下的时候获取到的x,y赋值给lastX，lastY
            case MotionEvent.ACTION_DOWN:
                lastX = x;
                lastY = y;
                break;
            //触摸移动时x,y会改变，和第一次触摸的lastX，lastY相减算出偏移
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                //注意这里要取负数
                ((View) getParent()).scrollBy(-offsetX, -offsetY);
                break;
            default:
                break;
        }
        return true;
    }
}

学到这里我们就可以学回

自定义ViewGroup

ViewGroup的存在就是为了对其子View进行管理，为其子View添加显示、响应规则。自定义ViewGroup需要重写onMeasure()对其子View进行测量，onLayout()方法来确定子View的位置，onTouchEvent()增加响应事件
Demo实现一个类似ScrollView：
效果：上下滑动的功能，当一个子View向上滑动大于一定的距离后，松开手指，它将自动向上滑动，显示下一个子View。同理向下也是一样的道理

package com.example.mygroup;

import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.Scroller;

/**
 * Created by 小新 on 2016/6/13.
 */
public class mygroup extends ViewGroup {

    private int mScreenHeight;
    private Scroller mScroller;
    private int mLastY;
    private int mStart;
    private int mEnd;

    public mygroup(Context context) {
        super(context);
        initView(context);
    }

    public mygroup(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    public mygroup(Context context, AttributeSet attrs,
                        int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context);
    }

    private void initView(Context context) {
        WindowManager wm = (WindowManager) context.getSystemService(
                Context.WINDOW_SERVICE);
        DisplayMetrics dm = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(dm);
        mScreenHeight = dm.heightPixels;
        mScroller = new Scroller(context);
    }

    @Override
    protected void onLayout(boolean changed,
                            int l, int t, int r, int b) {
        int childCount = getChildCount();
        // 璁剧疆ViewGroup鐨勯珮搴?
        MarginLayoutParams mlp = (MarginLayoutParams) getLayoutParams();
        mlp.height = mScreenHeight * childCount;
        setLayoutParams(mlp);
        for (int i = 0; i < childCount; i++) {
            View child = getChildAt(i);
            if (child.getVisibility() != View.GONE) {
                child.layout(l, i * mScreenHeight,
                        r, (i + 1) * mScreenHeight);
            }
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec,
                             int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int count = getChildCount();
        for (int i = 0; i < count; ++i) {
            View childView = getChildAt(i);
            measureChild(childView,
                    widthMeasureSpec, heightMeasureSpec);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastY = y;
                mStart = getScrollY();
                break;
            case MotionEvent.ACTION_MOVE:
                if (!mScroller.isFinished()) {
                    mScroller.abortAnimation();
                }
                int dy = mLastY - y;
                if (getScrollY() < 0) {
                    dy = 0;
                }
                if (getScrollY() > getHeight() - mScreenHeight) {
                    dy = 0;
                }
                scrollBy(0, dy);
                mLastY = y;
                break;
            case MotionEvent.ACTION_UP:
                int dScrollY = checkAlignment();
                if (dScrollY > 0) {
                    if (dScrollY < mScreenHeight / 3) {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, -dScrollY);
                    } else {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, mScreenHeight - dScrollY);
                    }
                } else {
                    if (-dScrollY < mScreenHeight / 3) {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, -dScrollY);
                    } else {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, -mScreenHeight - dScrollY);
                    }
                }
                break;
        }
        postInvalidate();
        return true;
    }
    private int checkAlignment() {
        int mEnd = getScrollY();
        //mEnd和mStart是在父布局中的位置，所以当
        //最后一次的值减去第一次的值>0的话向上
        boolean isUp = ((mEnd - mStart) > 0) ? true : false;
        int lastPrev = mEnd % mScreenHeight;
        int lastNext = mScreenHeight - lastPrev;
        if (isUp) {
            return lastPrev;
        } else {
            return -lastNext;
        }
    }
    @Override
    public void computeScroll() {
        super.computeScroll();
        if (mScroller.computeScrollOffset()) {
            scrollTo(0, mScroller.getCurrY());
            postInvalidate();
        }
    }

}

在布局中使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.example.mygroup.MainActivity">

    <com.example.mygroup.mygroup
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:src="@drawable/test1" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:src="@drawable/test2" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:src="@drawable/test3" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:src="@drawable/test4" />
    </com.example.mygroup.mygroup>
</LinearLayout>

最后编辑于：2017.12.03 06:28:56

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 219,366评论 6赞 508
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 93,521评论 3赞 395
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 165,689评论 0赞 356
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,925评论 1赞 295
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,942评论 6赞 392
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,727评论 1赞 305
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,447评论 3赞 420
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 39,349评论 0赞 276
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,820评论 1赞 317
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,990评论 3赞 337
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 40,127评论 1赞 351
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,812评论 5赞 346
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,471评论 3赞 331
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 32,017评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 33,142评论 1赞 272
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 48,388评论 3赞 373
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 45,066评论 2赞 355

Android群英传笔记第三章（四）

自定义ViewGroup

5.1 滑动效果是如何产生的

5.1.2 视图坐标系

5.2实现滑动的七中方法

5.2.1layout方法

5.2.2 offsetLeafAndRight()与offsetTopAndBottom()

5.2.3 LayoutParams

5.2.4 scrollTo与scrollBy()

自定义ViewGroup

推荐阅读更多精彩内容