您的位置:首页 > 移动开发 > Android开发

android之自定义viewGroup仿scrollView的两种实现(滚动跟粘性)

2017-02-20 23:39 666 查看
最近一直在研究自定义控件,一般大致分为三种情况:自绘控件,组合控件,继承控件。接下来我们来看下继承控件。在此借鉴一位博主的文章,补充粘性的实现效果,并且加注自己的一些理解。大家也可以查看原文博客。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:
//Measu
4000
reSpec.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;
}

}


下面附上两种运行效果,比较下不同之处。



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: