android TabLayout的简单使用

最新推荐文章于 2025-04-17 09:12:09 发布

原创最新推荐文章于 2025-04-17 09:12:09 发布 · 333 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍如何在Android应用中实现TabLayout与ViewPager组件的结合使用，并通过具体示例展示了如何创建自定义FragmentAdapter来管理多个Fragment，最终实现流畅的标签页切换效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

1.添加依赖

compile 'com.android.support:design:23.4.0'

2.布局页面
线性布局,垂直

<android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:id="@+id/tablayout">
    </android.support.design.widget.TabLayout>

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/viewpager">
    </android.support.v4.view.ViewPager>

3.ViewPager和Fragment结合使用
ViewPager适配器FragmentAdapter

public class FragmentAdapter extends FragmentPagerAdapter {

    private String [] title = {"最新日报","专栏","热门","主题日报"};
    private List<Fragment> fragmentList;
    public FragmentAdapter(FragmentManager fm, List<Fragment> fragmentList) {
        super(fm);
        this.fragmentList = fragmentList;
    }
    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }
    @Override
    public int getCount() {
        return fragmentList.size();
    }
    @Override
    public CharSequence getPageTitle(int position) {
        return title[position];
    }
}

4.Activity页面
ButterKnife需要自己配置一下

public class SecondActivity extends AppCompatActivity {

    @BindView(R.id.tablayout)
    TabLayout tablayout;
    @BindView(R.id.viewpager)
    ViewPager viewpager;
    List<Fragment> fragments=new ArrayList<>();
    private FragmentAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        ButterKnife.bind(this);
        //实例化Fragment
        Fragment1 fragment1 = new Fragment1();
        Fragment2 fragment2 = new Fragment2();
        Fragment3 fragment3 = new Fragment3();
        Fragment4 fragment4 = new Fragment4();
        //添加到集合中
        fragments.add(fragment1);
        fragments.add(fragment2);
        fragments.add(fragment3);
        fragments.add(fragment4);
        //关联适配器
        adapter = new FragmentAdapter(getSupportFragmentManager(), fragments);
        viewpager.setAdapter(adapter);
        tablayout.setupWithViewPager(viewpager);
    }
}