Tablayout实现页面切换

最新推荐文章于 2025-07-11 12:30:11 发布

哲~

最新推荐文章于 2025-07-11 12:30:11 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zhe_guan/article/details/87815775

本文详细介绍如何在安卓应用中使用TabLayout与ViewPager组件实现页面切换功能，包括布局配置、代码实现及适配器编写，为开发者提供清晰的实践指南。

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

布局。。。需要导design的包

<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"
    android:orientation="vertical"
    tools:context=".MainActivity">

  <android.support.v4.view.ViewPager
      android:layout_width="match_parent"
      android:layout_height="0dp"
      android:layout_weight="1"
      android:id="@+id/view_pager"
      ></android.support.v4.view.ViewPager>
    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/table"
        ></android.support.design.widget.TabLayout>
</LinearLayout>

activity中的代码块

public class MainActivity extends AppCompatActivity {

    private ViewPager pager;
    private ArrayList<Fragment> list;
    private TabLayout tabLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabLayout = findViewById(R.id.table);
        pager = findViewById(R.id.view_pager);
        //第四部：写页面
        list = new ArrayList<>();
        list.add(new fragment());
        list.add(new fragment1());
        //第五步 导航栏数据
        String [] str={"首页","我的"};
        MyAdapter myAdapter=new MyAdapter(getSupportFragmentManager(), list,str);
        pager.setAdapter(myAdapter);
        //关联方法
        tabLayout.setupWithViewPager(pager);
    }
}

Adapter中的代码

public class MyAdapter extends FragmentPagerAdapter {

    private ArrayList<Fragment> list;
    private String[] str;

    public MyAdapter(FragmentManager fm, ArrayList<Fragment> list, String[] str) {
        super(fm);
        this.list = list;
        this.str = str;
    }

    @Override
    public Fragment getItem(int i) {
        return list.get(i);
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        //返回数组
        return str[position];

    }