好资源导航 » 文章资讯 » Android中TabLayout+ViewPager实现tab和页面联动效果

Android中TabLayout+ViewPager实现tab和页面联动效果

2024-02-20 12:42:03 56

TabLayout+ViewPager实现tab和页面联动效果

xml中：

代码中使用：

publicclassMainActivityextendsAppCompatActivity{

privateTabLayouttoolbar_tl_tab;
privateViewPagervp_container;
privateString[]titles={"标题1","标题2","标题3","标题4"};

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}

privatevoidinit(){
toolbar_tl_tab=(TabLayout)findViewById(R.id.toolbar_tl_tab);
vp_container=(ViewPager)findViewById(R.id.vp_container);
toolbar_tl_tab.setupWithViewPager(vp_container);
toolbar_tl_tab.setTabMode(TabLayout.MODE_SCROLLABLE);
vp_container.setAdapter(newFragmentStatePagerAdapter(getSupportFragmentManager()){
@Override
publicFragmentgetItem(intposition){
returnnewPageFragment();
}

@Override
publicCharSequencegetPageTitle(intposition){
returntitles[position];
}

@Override
publicintgetCount(){
returntitles.length;
}
});
}

}

碎片：PageFragment

publicclassPageFragmentextendsFragment{
@Nullable
@Override
publicViewonCreateView(LayoutInflaterinflater,@NullableViewGroupcontainer,@NullableBundlesavedInstanceState){
Viewview=inflater.inflate(R.layout.fragment_page,null);
returnview;
}
}

碎片xml：fragment_page.xml

注意：

1、模式相关

使用滚动模式，特点是超过屏幕可以滚动显示：

toolbar_tl_tab.setTabMode(TabLayout.MODE_SCROLLABLE);

使用屏幕等分模式，特点是显示tab的宽度是屏幕等分后的宽度：

toolbar_tl_tab.setTabMode(TabLayout.MODE_FIXED);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

Android中TabLayout+ViewPager实现tab和页面联动效果

热门推荐

随机推荐