先看效果圖吧

在實(shí)現(xiàn)的時(shí)候,有三點(diǎn)需要注意
1、自定義ViewPager,當(dāng)滑動(dòng)到當(dāng)前頁面的時(shí)候,重置ViewPager的高度
public class CustomViewPager extends ViewPager {
private Map<Integer,Integer> map=new HashMap<>(2);
private int currentPage;
public CustomViewPager(Context context) {
this(context, null);
}
public CustomViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int height=0;
if(map.size()>0 && map.containsKey(currentPage)){
height=map.get(currentPage);
}
//得到ViewPager的MeasureSpec,使用固定值和MeasureSpec.EXACTLY,
heightMeasureSpec=MeasureSpec.makeMeasureSpec(height,MeasureSpec.EXACTLY);
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
/**
* 在切換tab的時(shí)候,重置ViewPager的高度
* @param current
*/
public void resetHeight(int current){
this.currentPage=current;
MarginLayoutParams params= (MarginLayoutParams) getLayoutParams();
if(map.size()>0 && map.containsKey(currentPage)){
if(params==null){
params=new MarginLayoutParams(LayoutParams.MATCH_PARENT,map.get(current));
}else {
params.height=map.get(current);
}
setLayoutParams(params);
}
}
/**
* 獲取、存儲(chǔ)每一個(gè)tab的高度,在需要的時(shí)候顯示存儲(chǔ)的高度
* @param current tab的position
* @param height 當(dāng)前tab的高度
*/
public void addHeight(int current,int height){
map.put(current,height);
}
}
注意:
MeasureSpec.makeMeasureSpec(),把大小和測(cè)量模式打包成一個(gè)MeasureSpec,
測(cè)量模式:
①UNSPECIFIED:表示默認(rèn)值,父控件沒有給子view任何限制。------二進(jìn)制表示:00
②EXACTLY:表示父控件給子view一個(gè)具體的值,子view要設(shè)置成這些值。------二進(jìn)制表示:01
③AT_MOST:表示父控件給子view一個(gè)最大的特定值,而子view不能超過這個(gè)值的大小。------二進(jìn)制表示:10
為ViewPager添加OnPageChangeListener,實(shí)現(xiàn)在滑動(dòng)的時(shí)候改變VIewPager的高度
customViewPager.addHeight(position, height);
---
customViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
customViewPager.resetHeight(position);
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
2、獲取View的高度
view的measure過程和activity的生命周期方法不是同步執(zhí)行的,所以沒辦法在onCreate方法中保證測(cè)量的完畢,所以在這里去獲得控件的高度可能只能是0 ,可以通過三種方法來獲取View的高度:
1、手動(dòng)對(duì)view進(jìn)行measure
這里要根據(jù)view的layoutParams分類處理:
- 如果view的layoutParams是wrap_content:
int measureWidth= View.MeasureSpec.makeMeasureSpec(( 1 << 30 )-1, View.MeasureSpec.AT_MOST);
int measureHeight= View.MeasureSpec.makeMeasureSpec(( 1 << 30 )-1, View.MeasureSpec.AT_MOST);
linearLayout.measure(measureWidth,measureHeight);
height=linearLayout.getMeasuredHeight();
- 如果view的layoutParams是具體值:
int measureWidth= View.MeasureSpec.makeMeasureSpec(400, View.MeasureSpec.EXACTLY);
int measureHeight= View.MeasureSpec.makeMeasureSpec(400, View.MeasureSpec.EXACTLY);
textView2.measure(measureWidth,measureHeight);
height=textView2.getMeasuredHeight();
2、view.post()方法
通過post將runnable發(fā)送到消息隊(duì)列的尾部
textView2.post(new Runnable() {
@Override
public void run() {
height=textView2.getMeasuredHeight();
}
});
3、視圖樹觀察者ViewTreeObserver
可以通過view.getViewTreeObserver(),獲得ViewTreeObserver,使用ViewTreeObserver就可以監(jiān)聽全局事件改變發(fā)出的通知,比如整個(gè)視圖樹的布局變化,開始繪制視圖,觸摸模式改變等等。
- 添加OnPreDrawListener,在視圖樹將要繪制時(shí)回調(diào)
private void measureHeight() {
textView2.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
//刪除監(jiān)聽
textView2.getViewTreeObserver().removeOnPreDrawListener(this);
height=textView2.getMeasuredHeight();
listener.changeData(1,height);
return true;
}
});
}
** 注意 **:
getMeasuredHeight()和getHeight()的區(qū)別?
1、getMeasuredHeight()在measure過程結(jié)束之后就可以獲取了;getHeight()要在layout過程結(jié)束之后才可以獲取了。
2、getMeasuredHeight()是通過setMeasuredDimension()進(jìn)行設(shè)置的;getHeight()方法中的值則是通過視圖下邊的坐標(biāo)減去上邊的坐標(biāo)計(jì)算出來的。


- 添加OnGlobalLayoutListener,當(dāng)一個(gè)視圖樹中全局布局發(fā)生改變或者視圖樹中的某個(gè)視圖的可視狀態(tài)發(fā)生改變時(shí)調(diào)用這個(gè)回調(diào)函數(shù)。
private void measureHeight() {
textView1.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
textView1.getViewTreeObserver().removeOnGlobalLayoutListener(this);
height=textView1.getMeasuredHeight();
listener.changeData(0,height);
}
});
}
使用ViewTreeObserver也可以** 檢測(cè)軟鍵盤的高度** :
在根布局加入GlobalLayoutListener監(jiān)聽,通過getWindowVisibleDisplayFrame方法可以觀察可見區(qū)域的變化
root.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
float height=root.getMeasuredHeight();
Rect rect=new Rect();
root.getWindowVisibleDisplayFrame(rect);
Log.e("RecycleViewFragment", "bottom:"+rect.bottom + ",height:"+height) ;
}
});

參考:
Viewtreeobserver解析
Android開發(fā)藝術(shù)探討
3、ScrollView+ViewPager,會(huì)有手勢(shì)沖突
public class CustomScrollView extends ScrollView {
private float preX;
private float preY;
private float touchSlop;
private boolean isViewPagerDragged;
public CustomScrollView(Context context) {
this(context, null);
}
public CustomScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
touchSlop= ViewConfiguration.get(context).getScaledTouchSlop();
}
/**
* 在onInterceptTouchEvent()方法里,
* 如果水平移動(dòng)距離大于豎直移動(dòng)距離,ScrollView不攔截這個(gè)事件
* @param ev
* @return
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
float currentX=ev.getX();
float currentY=ev.getY();
switch (ev.getAction()){
case MotionEvent.ACTION_DOWN:
preX=currentX;
preY=currentY;
isViewPagerDragged=false;
break;
case MotionEvent.ACTION_MOVE:
if(isViewPagerDragged){
return false;
}
float dx=Math.abs(preX-currentX);
float dy=Math.abs(preY-currentY);
if(dx>dy && dx>touchSlop){
isViewPagerDragged=true;
return false;
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
isViewPagerDragged=false;
break;
}
return super.onInterceptTouchEvent(ev);
}
}
參考:
Android嵌套滑動(dòng)控件的沖突解決和ViewPager適配當(dāng)前子控件高度不留空白的辦法
最簡(jiǎn)單也最難——如何獲取到Android控件的高度
關(guān)于Android中的ViewTreeObserver