TabLayout+ViewPager关联使用
程序员文章站
2023-12-25 10:57:21
...
今天给大家带来一个简单实用的TabLayout+Viewpager关联组合框架
1.导入依赖
compile 'com.android.support:design:28+'
2.添加布局
//需要引入线性布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<android.support.design.widget.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="50dp"></android.support.design.widget.TabLayout>
<android.support.v4.view.ViewPager
android:id="@+id/ViewPager"
android:layout_width="match_parent"
android:layout_height="wrap_content"></android.support.v4.view.ViewPager>
</LinearLayout>
3.在Activity中编写代码
public class MainActivity extends FragmentActivity{ //首先需要继承FragmentActivity
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取控件
TabLayout tabLayout = view.findViewById(R.id.tabLayout);
ViewPager pager = view.findViewById(R.id.ViewPager);
//设置标题集合
final ArrayList<String> titles = new ArrayList<String>();
for (int i = 0; i < 5; i++) {
titles.add("标题"+i);
}
//设置Fragment类型集合
final ArrayList<Fragment> fragments = new ArrayList<Fragment>();
//首先创建对应标题数量的类,需要继承Fragment
//切记Fragment类数量必须与标题数量相匹配
fragments.add(new Fragment_a());
fragments.add(new Fragment_b());
fragments.add(new Fragment_c());
fragments.add(new Fragment_d());
fragments.add(new Fragment_e());
//设置Viewpager适配器
pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
@Override
public Fragment getItem(int i) {
return fragments.get(i);//返回页面Fragment集合对应的下标
}
@Override
public int getCount() {
return fragments.size();//返回页面的Fragment数量
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return titles.get(position);//返回标题对应的下标
}
});
//设置TabLayout模式
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
//TabLayout和ViewPager关联
tabLayout.setupWithViewPager(pager);
}
如果有不懂得的地方可以在博客下方留言
谢谢浏览