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 的入门

更多相关文章

随机推荐