在項目中一般都是使用ViewPage實現(xiàn)水平引導(dǎo)頁板乙,豎向的引導(dǎo)頁需要自己定義
一、自定義VerticalLinearLayout
繼承自ViewGroup哲泊,首先獲得屏幕的高度
public VerticalLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
/**
* 獲得屏幕的高度
*/
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(outMetrics);
mScreenHeight = outMetrics.heightPixels;
// 初始化
mScroller = new Scroller(context);
}
可以看到Scroller這個輔助類,其實好多view都是使用該輔助類實現(xiàn),例如:ViewPager旅挤、ListView等。其實每個控件都可以滾動伞鲫,因為在View類當中有scrollTo()和scrollBy()這兩個方法粘茄,
這兩個方法都是用于對View進行滾動的,那么它們之間有什么區(qū)別呢秕脓?簡單點講柒瓣,scrollBy()方法是讓View相對于當前的位置滾動某段距離,而scrollTo()方法則是讓View相對于初始的位置滾動某段距離吠架。在此不做過多解釋芙贫。
@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,mScreenHeight);
}
}
重寫onMeasure,測量每一個子控件測量大小傍药。
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
if (changed)
{
int childCount = getChildCount();
// 設(shè)置主布局的高度
MarginLayoutParams lp = (MarginLayoutParams) getLayoutParams();
lp.height = mScreenHeight * childCount;
setLayoutParams(lp);
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);// 調(diào)用每個自布局的layout
}
}
}
}
重寫onLayout方法磺平,布局主視圖和子視圖
@Override
public boolean onTouchEvent(MotionEvent event)
{
// 如果當前正在滾動,調(diào)用父類的onTouchEvent
if (isScrolling)
return super.onTouchEvent(event);
int action = event.getAction();
int y = (int) event.getY();
obtainVelocity(event);
switch (action)
{
case MotionEvent.ACTION_DOWN:
mScrollStart = getScrollY();
mLastY = y;
break;
case MotionEvent.ACTION_MOVE:
if (!mScroller.isFinished())
{
mScroller.abortAnimation();
}
int dy = mLastY - y;
// 邊界值檢查
int scrollY = getScrollY();
// 已經(jīng)到達頂端拐辽,下拉多少拣挪,就往上滾動多少
if (dy < 0 && scrollY + dy < 0)
{
dy = -scrollY;
}
// 已經(jīng)到達底部,上拉多少俱诸,就往下滾動多少
if (dy > 0 && scrollY + dy > getHeight() - mScreenHeight)
{
dy = getHeight() - mScreenHeight - scrollY;
}
scrollBy(0, dy);
mLastY = y;
break;
case MotionEvent.ACTION_UP:
mScrollEnd = getScrollY();
int dScrollY = mScrollEnd - mScrollStart;
if (wantScrollToNext())// 往上滑動
{
if (shouldScrollToNext())
{
mScroller.startScroll(0, getScrollY(), 0, mScreenHeight - dScrollY);
} else
{
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
if (wantScrollToPre())// 往下滑動
{
if (shouldScrollToPre())
{
mScroller.startScroll(0, getScrollY(), 0, -mScreenHeight - dScrollY);
} else
{
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
isScrolling = true;
postInvalidate();
recycleVelocity();
break;
}
return true;
}
重寫onTouchEvent編輯滑動邏輯
@Override
public void computeScroll()
{
super.computeScroll();
// 重寫computeScroll()方法菠劝,并在其內(nèi)部完成平滑滾動的邏輯
if (mScroller.computeScrollOffset())
{
scrollTo(0, mScroller.getCurrY());
postInvalidate();
} else
{
int position = getScrollY() / mScreenHeight;
Log.e("xxx", position + "," + currentPage);
if (position != currentPage)
{
if (mOnPageChangeListener != null)
{
currentPage = position;
mOnPageChangeListener.onPageChange(currentPage);
}
}
isScrolling = false;
}
}
重寫computeScroll()方法,并在其內(nèi)部完成平滑滾動的邏輯 乙埃。在整個后續(xù)的平滑滾動過程中闸英,computeScroll()方法是會一直被調(diào)用的,因此我們需要不斷調(diào)用Scroller的computeScrollOffset()方法來進行判斷滾動操作是否已經(jīng)完成了介袜,如果還沒完成的話甫何,那就繼續(xù)調(diào)用scrollTo()方法,并把Scroller的curX和curY坐標傳入遇伞,然后刷新界面從而完成平滑滾動的操作辙喂。
/**
* 設(shè)置回調(diào)接口
*
* @param onPageChangeListener
*/
public void setOnPageChangeListener(OnPageChangeListener onPageChangeListener)
{
mOnPageChangeListener = onPageChangeListener;
}
/**
* 回調(diào)接口
*
* @author
*
*/
public interface OnPageChangeListener
{
void onPageChange(int currentPage);
}