zoukankan      html  css  js  c++  java
  • android之自定义viewGroup仿scrollView的两种实现(滚动跟粘性)

    最近一直在研究自定义控件,一般大致分为三种情况:自绘控件,组合控件,继承控件。接下来我们来看下继承控件。在此借鉴一位博主的文章,补充粘性的实现效果,并且加注自己的一些理解。大家也可以查看原文博客。android之自定义viewGroup仿scrollView详解
    直接上代码,注释的比较详细。可以通过Log的信息来观察下滑动时候坐标的变化,加深理解。
    
    
    public class MyScrollViewGroup extends ViewGroup {
        private Context mContext;
        private int mScreenHeight;
        private int totalHeight;
        private Scroller mScroller;
    
        public MyScrollViewGroup(Context context, AttributeSet attrs) {
            super(context, attrs);
            init(context);
        }
    
        public MyScrollViewGroup(Context context) {
            super(context);
            init(context);
        }
    
        private void init(Context context) {
            mContext = context;
            mScreenHeight = getScreenSize(mContext).heightPixels;
            mScroller = new Scroller(mContext);
        }
    
        /***
         * 获取真实的宽高 比如200px
         *
         * @param widthMeasureSpec
         * @return
         */
        public int measureRealWidth(int widthMeasureSpec) {
            int result = 200;
            int specMode = MeasureSpec.getMode(widthMeasureSpec);
            int realWidth = MeasureSpec.getSize(widthMeasureSpec);
            switch (specMode) {
                case MeasureSpec.EXACTLY:
                    //MeasureSpec.EXACTLY:精确值模式: 控件的layout_width或layout_heiht指定为具体值,比如200dp,或者指定为match_parent(占据父view的大小),系统返回的是这个模式
                    result = realWidth;
                    Log.d(TAG, "EXACTLY result " + result);
                    break;
                case MeasureSpec.AT_MOST:
                    // MeasureSpec.AT_MOST: 最大值模式,控件的layout_width或layout_heiht指定为wrap_content时,控件大小一般随着控件的子控件或内容的变化而变化,此时控件的尺寸不能超过父控件
                    result = Math.max(result, realWidth);
                    Log.d(TAG, "AT_MOST result " + result);
                    break;
                case MeasureSpec.UNSPECIFIED:
                    // MeasureSpec.UNSPECIFIED:不指定其大小测量模式,通常在绘制定义view的时候才会使用,即多大由开发者在onDraw()的时候指定大小
                    result = realWidth;
                    Log.d(TAG, "UNSPECIFIED result " + result);
                    break;
            }
            return result;
        }
    
        /***
         * @param widthMeasureSpec  系统测量的宽 一共是32位的 高2位代表模式 低30位表示大小
         * @param heightMeasureSpec 系统测量的高 一共是32位的 高2位代表模式 低30位表示大小
         */
        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            Log.d(TAG, "widthMeasureSpec " + widthMeasureSpec);
            Log.d(TAG, "heightMeasureSpec " + heightMeasureSpec);
            /***自身宽*/
            int measureSelfWidth = measureRealWidth(widthMeasureSpec);
            int measureSelfHeight = MeasureSpec.getSize(heightMeasureSpec);
            Log.d(TAG, "widthMeasure " + measureSelfWidth);
            Log.d(TAG, "widthMode " + MeasureSpec.getMode(widthMeasureSpec));
            Log.d(TAG, "heightMeasure " + MeasureSpec.getSize(heightMeasureSpec));
            Log.d(TAG, "heightMode " + MeasureSpec.getMode(heightMeasureSpec));
    
            int childCount = getChildCount();
            for (int i = 0; i < childCount; i++) {
                View childView = getChildAt(i);
                measureChild(childView, widthMeasureSpec, heightMeasureSpec);
            }
            //设置viewGroup的宽高,也可以在onlayout中通过layoutParams设置
            totalHeight = getScreenSize(mContext).heightPixels * childCount;
            setMeasuredDimension(measureSelfWidth, totalHeight);
        }
    
    
        @Override
        protected void onLayout(boolean changed, int l, int t, int r, int b) {
            Log.d(TAG, "onLayout left " + l);
            Log.d(TAG, "onLayout top " + t);
            Log.d(TAG, "onLayout right " + r);
            Log.d(TAG, "onLayout bottom " + b);
            Log.d(TAG, "onLayout heightPixels " + getScreenSize(mContext).heightPixels);
            int childCount = getChildCount();
    
            for (int i = 0; i < childCount; i++) {
                View childView = getChildAt(i);
                childView.layout(l, i * mScreenHeight, r, (i + 1) * mScreenHeight);
            }
        }
    
        private float lastDownY;
        private float mScrollStart;
        private float mScrollEnd;
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    lastDownY = event.getY();
                    mScrollStart = getScrollY();
                    Log.d(TAG, "totalHeight = " + totalHeight);
                    break;
                case MotionEvent.ACTION_MOVE:
                    if (!mScroller.isFinished()) {
                        mScroller.abortAnimation();
                    }
                    float currentY = event.getY();
                    float dy;
                    dy = lastDownY - currentY;
                    Log.d("test", "dy = " + dy);
                    Log.d("test", "getScrollY() = " + getScrollY());
                    Log.d("test", "getHeight()  = " + getHeight());
                    Log.d("test", "mScreenHeight()  = " + mScreenHeight);
                    Log.d("test", "getHeight() - mScreenHeight = " + (getHeight() - mScreenHeight));
                    if (getScrollY() < 0) {
                        dy = 0;
                        //最顶端,超过0时,不再下拉,要是不设置这个,getScrollY一直是负数
                    } else if (getScrollY() > getHeight() - mScreenHeight) {
                        dy = 0;
                        //滑到最底端时,不再滑动,要是不设置这个,getScrollY一直是大于getHeight() - mScreenHeight的数,无法再滑动
                    }
                    scrollBy(0, (int) dy);
                    //不断的设置Y,在滑动的时候子view就会比较顺畅
                    lastDownY = event.getY();
                    break;
                case MotionEvent.ACTION_UP:
                    mScrollEnd = getScrollY();
                    int dScrollY = (int) (mScrollEnd - mScrollStart);
                    Log.d("test", "dScrollY = " + dScrollY);
                    //此处实现的是根据滑动的距离来实现滚动
    //                if (mScrollEnd < 0) {// 最顶端:手指向下滑动,回到初始位置
    //                    Log.d(TAG, "mScrollEnd < 0" + dScrollY);
    //                    mScroller.startScroll(0, getScrollY(), 0, -getScrollY());
    //                } else if (mScrollEnd > getHeight() - mScreenHeight) {//已经到最底端,手指向上滑动回到底部位置
    //                    Log.d(TAG, "getHeight() - mScreenHeight - (int) mScrollEnd " + (getHeight() - mScreenHeight - (int) mScrollEnd));
    //                    mScroller.startScroll(0, getScrollY(), 0, getHeight() - mScreenHeight - (int) mScrollEnd);
    //                }
                    //此处实现的是根据设定的距离,来实现粘性滑动的效果
                    if (dScrollY > 0) {
                        //向上滑动dScrollY为正值
                        if (dScrollY < mScreenHeight / 3) {
                            mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
                        } else {
                            mScroller.startScroll(0, getScrollY(), 0, (mScreenHeight - dScrollY));
                        }
                    } else {
                        //向下滑动dScrollY为负值
                        if (-dScrollY < mScreenHeight / 3) {
                            mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
                        } else {
                            mScroller.startScroll(0, getScrollY(), 0, (-mScreenHeight - dScrollY));
                        }
                    }
                    break;
            }
            postInvalidate();// 重绘执行computeScroll()
            return true;//需要返回true否则down后无法执行move和up操作
        }
    
        /**
         * Scroller只是个计算器,提供插值计算,让滚动过程具有动画属性,但它并不是UI,也不是滑动辅助UI运动,反而是单纯地为滑动提供计算
         * 需要invalidate()之后才会调用,这个方法在onDraw()中调用
         */
        @Override
        public void computeScroll() {
            super.computeScroll();
            Log.d(TAG, "mScroller.getCurrY() " + mScroller.getCurrY());
            if (mScroller.computeScrollOffset()) {//是否已经滚动完成
                scrollTo(0, mScroller.getCurrY());//获取当前值,startScroll()初始化后,调用就能获取区间值
                postInvalidate();
            }
        }
    
        /**
         * 获取屏幕大小,这个可以用一个常量不用每次都获取
         *
         * @param context
         * @return
         */
        public static DisplayMetrics getScreenSize(Context context) {
            DisplayMetrics metrics = new DisplayMetrics();
            WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
            wm.getDefaultDisplay().getMetrics(metrics);
            return metrics;
        }
    
    }
    
    
    下面附上两种运行效果,比较下不同之处。
    



  • 相关阅读:
    本地快速搭建 FTP 服务器
    css 四个角
    时间
    两个json深度对比
    工作常用
    js模块化 中的变量可在局部 中的‘全局共享’
    datatables 的导出button自定义
    css布局技巧
    datables自定义排序
    js判断是否为空 或者全部为空
  • 原文地址:https://www.cnblogs.com/Free-Thinker/p/11984519.html
Copyright © 2011-2022 走看看