Android两个tab吸顶,Android scrollView和viewpager嵌套 指示器吸顶 根据viewpager每
Android scrollView和viewpager嵌套 指示器吸頂 根據viewpager每
Android scrollView和viewpager嵌套 指示器吸頂 根據viewpager每個頁面的內容適配高度
這幾天 朋友問我了個問題 ?有個特別的需求 ?頁面如下
就是當viewpager里面的當前頁面內容足夠多的時候 ?要去能滑上去 并且指示器吸頂 ?但是當內容不多的時候 ?能滑到哪就停在哪 ?當時第一反應是用coordinatelayout ?結果不行 內容少的時候 ?也直接滑到頂部了
activity的xml文件
后來就直接用scrollView包裹來實現了 自定義scrollView實現滾動監聽 用來實現指示器吸頂效果
public classMyScrollview extendsScrollView {
privateScrollViewListener scrollViewListener= null;publicMyScrollview(Context context) {
super(context);}
publicMyScrollview(Context context,AttributeSet attrs) {
super(context,attrs);}
publicMyScrollview(Context context,AttributeSet attrs, intdefStyleAttr) {
super(context,attrs,defStyleAttr);}
public voidsetScrollViewListener(ScrollViewListener scrollViewListener) {
this.scrollViewListener= scrollViewListener;}
@Overrideprotected voidonScrollChanged(intl, intt, intoldl, intoldt) {
super.onScrollChanged(l,t,oldl,oldt);if(scrollViewListener!= null) {
scrollViewListener.onScrollChanged(this,l,t,oldl,oldt);}
}
public interfaceScrollViewListener {
voidonScrollChanged(MyScrollview scrollView, intl, intt, intoldl, intoldt);}
}
在activity里面設置監聽
scroll.setScrollViewListener(newMyScrollview.ScrollViewListener() {
@Overridepublic voidonScrollChanged(MyScrollview scrollView, intl, intt, intoldl, intoldt) {
if(t >iv.getHeight() && mTabLayout.getParent() == layout) {
layout.removeView(mTabLayout);rl_layout.addView(mTabLayout);} else if(t < iv.getHeight() && mTabLayout.getParent() == rl_layout) {
rl_layout.removeView(mTabLayout);layout.addView(mTabLayout);}
}
});
然后就是實現viewpager的每個頁面的內容高度適配了 ?從寫viewpager
public classCustomViewPager extendsViewPager {
private intcurrent;private intheight= 0;/*** 保存position與對于的View*/privateHashMap mChildrenViews= newLinkedHashMap();private booleanscrollble= true;publicCustomViewPager(Context context) {
super(context);}
publicCustomViewPager(Context context,AttributeSet attrs) {
super(context,attrs);}
@Overrideprotected voidonMeasure(intwidthMeasureSpec, intheightMeasureSpec) {
if(mChildrenViews.size() > current) {
View child = mChildrenViews.get(current);if(child != null) {
child.measure(widthMeasureSpec,MeasureSpec.makeMeasureSpec(0,MeasureSpec.UNSPECIFIED));height= child.getMeasuredHeight();}
}
heightMeasureSpec = MeasureSpec.makeMeasureSpec(height,MeasureSpec.EXACTLY);super.onMeasure(widthMeasureSpec,heightMeasureSpec);}
public voidresetHeight(intcurrent) {
this.current= current;if(mChildrenViews.size() > current) {
LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();if(layoutParams == null) {
layoutParams = newLinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,height);} else{
layoutParams.height= height;}
setLayoutParams(layoutParams);}
}
/*** 保存position與對于的View*/public voidsetObjectForPosition(View view, intposition) {
mChildrenViews.put(position,view);}
@Overridepublic booleanonTouchEvent(MotionEvent ev) {
if(!scrollble) {
return true;}
return super.onTouchEvent(ev);}
public booleanisScrollble() {
returnscrollble;}
public voidsetScrollble(booleanscrollble) {
this.scrollble= scrollble;}
}用法是在每個fragment 的onCreatView里面添加一行代碼就行
然后在viewpager所在的activity里面設置監聽 ?就可以了
mViewPager.setOnPageChangeListener(newViewPager.OnPageChangeListener() {
@Overridepublic voidonPageScrolled(intposition, floatpositionOffset, intpositionOffsetPixels) {
}
@Overridepublic voidonPageSelected(intposition) {
mViewPager.resetHeight(position);}
@Overridepublic voidonPageScrollStateChanged(intstate) {
}
});
下面是整個activity的代碼
packagecom.example.wenlaisu.myapplication;importandroid.os.Bundle;importandroid.support.design.widget.TabLayout;importandroid.support.v4.app.Fragment;importandroid.support.v4.view.ViewPager;importandroid.support.v7.app.AppCompatActivity;importandroid.widget.ImageView;importandroid.widget.LinearLayout;importandroid.widget.RelativeLayout;importjava.util.ArrayList;importjava.util.List;/*** Created by wenlaisu on 2018/4/12.*/public classViewPagerSample extendsAppCompatActivity {
CustomViewPager mViewPager;List mFragments;String[] mTitles= newString[]{
"主頁","微博","相冊"};privateTabLayout mTabLayout;privateMyScrollview scroll;privateLinearLayout layout;privateRelativeLayout rl_layout;privateImageView iv;@Overrideprotected voidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);setContentView(R.layout.activity_third);// 第一步，初始化ViewPager和TabLayoutmViewPager= (CustomViewPager) findViewById(R.id.viewpager);mTabLayout= (TabLayout) findViewById(R.id.tabs);layout= (LinearLayout) findViewById(R.id.layout);rl_layout= (RelativeLayout) findViewById(R.id.rl_layout);scroll= (MyScrollview) findViewById(R.id.scroll);iv= (ImageView) findViewById(R.id.iv);setupViewPager();}
private voidsetupViewPager() {
mFragments= newArrayList<>();ListFragment listFragment = newListFragment(mViewPager,0);ListFragment2 listFragment2 = newListFragment2(mViewPager,1);ListFragment3 listFragment3 = newListFragment3(mViewPager,2);mFragments.add(listFragment);mFragments.add(listFragment2);mFragments.add(listFragment3);// 第二步：為ViewPager設置適配器BaseFragmentAdapter adapter =
newBaseFragmentAdapter(getSupportFragmentManager(),mFragments,mTitles);mViewPager.setAdapter(adapter);// 第三步：將ViewPager與TableLayout 綁定在一起mTabLayout.setupWithViewPager(mViewPager);mViewPager.setOnPageChangeListener(newViewPager.OnPageChangeListener() {
@Overridepublic voidonPageScrolled(intposition, floatpositionOffset, intpositionOffsetPixels) {
}
@Overridepublic voidonPageSelected(intposition) {
mViewPager.resetHeight(position);}
@Overridepublic voidonPageScrollStateChanged(intstate) {
}
});scroll.setScrollViewListener(newMyScrollview.ScrollViewListener() {
@Overridepublic voidonScrollChanged(MyScrollview scrollView, intl, intt, intoldl, intoldt) {
if(t >iv.getHeight() && mTabLayout.getParent() == layout) {
layout.removeView(mTabLayout);rl_layout.addView(mTabLayout);} else if(t < iv.getHeight() && mTabLayout.getParent() == rl_layout) {
rl_layout.removeView(mTabLayout);layout.addView(mTabLayout);}
}
});}
}
就可以了
demo的github地址
Android scrollView和viewpager嵌套 指示器吸頂 根據viewpager每相關教程
總結
以上是生活随笔為你收集整理的Android两个tab吸顶,Android scrollView和viewpager嵌套 指示器吸顶 根据viewpager每的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android 地图放大缩小按钮,And
- 下一篇： android listview 优化,