android自定义ViewGroup基础

自定义ViewGroup通常要做以下3步。
1. 重写onMeasure()方法来对子View进行测量
2. 重写onLayout方法确定子View的位置
3. 重写onTouchEvent()方法增加响应事件。

---

这个例子是实现一个ScrollView的自定义ViewGroup。上下滑动的效果。
核心思想：
通过重写onTouchEvent（）这个方法实现上下滑动的效果。
获取整个ViewGroup的高度（即系长度），再通过判断滑动的距离，以及相应的偏移量，进行滑动。最后增加粘性效果。判断滑动的距离是否超过屏幕的三分之一，是的话就进行滑动切换。否就系回复原位。涉及到的方法已经注释。一张图片为一个子View。

package com.example.drawdemo;

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;

public class MyViewGroup extends ViewGroup {
    private int mScreenHeight;
    // 借助Scroller类实现平滑移动的效果。（就系实现滑动效果）
    private Scroller mScroller;
    private int mLastY;
    private int mStart;
    private int mEnd;

    public MyViewGroup(Context context) {
        this(context, null);
    }

    public MyViewGroup(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyViewGroup(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        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;
        // 初始化Scroller类实现平滑移动效果。
        mScroller = new Scroller(context);
    }

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

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int childCount = getChildCount();
        // 设置整个ViewGroup的高度，后就遍历子View的位置。
        MarginLayoutParams mlp = (MarginLayoutParams) getLayoutParams();
        mlp.height = mScreenHeight * childCount;
        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);
            }
        }

    }

    // 通过复写onTouchEvent方法实现滑动事件。（本例子是上下滑动的，所以只需要操Y坐标，X坐标不用鸟）
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 获取当前触控点到顶边的距离。即系当前y坐标。
        int y = (int) event.getY();
        switch (event.getAction()) {
        // 单击触摸按下动作
        case MotionEvent.ACTION_DOWN:
            mLastY = y;
            // 获取View移动的距离
            mStart = getScrollY();
            break;
        // 触摸点移动动作
        case MotionEvent.ACTION_MOVE:
            // 判断滑动是否完成
            if (!mScroller.isFinished()) {
                // Stops the animation. Contrary to forceFinished(boolean),
                // aborting the animating cause the scroller to move to the
                // final x and y position
                // 停止动画 并且滑动到，xy 坐标
                mScroller.abortAnimation();
            }
            // 计算偏移量（即系点击那时记录的y-当前的y）
            int dy = mLastY - y;
            if (getScrollY() < 0) {
                dy = 0;
            }
            // 取出整个ViewGroup的高度-减去一屏的高度。用来判断是否滑动到尽头了。如果系尽头，则设置为滑动距离为0.
            if (getScrollY() > getHeight() - mScreenHeight) {
                dy = 0;
            }
            // 手指滑动，view也跟着滑动。
            scrollBy(0, dy);
            // 取得当前的y坐标，赋值给最后的mLastY变量。
            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();
        // 判断是否大于0即系滑动方向，
        boolean isUp = ((mEnd - mStart) > 0) ? true : false;
        // 滑动距离取余一屏的高度
        int lastPrev = mEnd % mScreenHeight;
        int lastNext = mScreenHeight - lastPrev;
        if (isUp) {
            // 向上的
            return lastPrev;
        } else {
            //逆向向下的滑动
            return -lastNext;
        }
    }

    // 重写以下方法，系统会在绘制View的时候会在draw()调用该方法，这个方法实际上使用了scrollTo方法，
    @Override
    public void computeScroll() {
        super.computeScroll();
        // mScroller.computeScrollOffset()系统提供这个方法判断是否完成整个滑动。
        // 同时提供getCurrX(),getCurrY()方法来获取当前的滑动坐标。
        if (mScroller.computeScrollOffset()) {
            // scrollTo(x,y);表示移动到一个具体的坐标点的位置。
            scrollTo(0, mScroller.getCurrY());
            // 刷新界面
            postInvalidate();
        }
    }
}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.example.drawdemo.MyViewGroup
        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/a" />

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

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

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:src="@drawable/d" />
    com.example.drawdemo.MyViewGroup>

LinearLayout>

MotionEvent 的入门