Android 页面滑动切换

最新推荐文章于 2025-05-27 16:46:26 发布

原创最新推荐文章于 2025-05-27 16:46:26 发布 · 5k 阅读

CC 4.0 BY-SA版权

本文详细介绍如何在Android应用中使用ViewPager与TabLayout组件实现流畅的页面切换效果。通过具体的代码示例，展示了如何初始化ViewPager，添加Fragment，以及与TabLayout进行同步，实现美观且实用的标签式导航界面。

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

在这里插入图片描述

1.布局

<?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=".ShowActivity"
    android:orientation="vertical"
    >

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="9"
        android:id="@+id/viewPager"></android.support.v4.view.ViewPager>
    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:id="@+id/tabLayout"></android.support.design.widget.TabLayout>


</LinearLayout>

2.主页面

public class ShowActivity extends AppCompatActivity {

    private ViewPager viewPager;
    private TabLayout tabLayout;
    private DrawerLayout drawerLayout;
    private List<Fragment> fragments;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show);
        initView();
        initViewPager();
    }

    private void initViewPager() {


        //创建List集合
        fragments = new ArrayList<>();
        //添加到fragments集合里
        fragments.add(new LeftFragment());
        fragments.add(new RightFragment());
        //创建适配器
        MyAdapter adapter = new MyAdapter(getSupportFragmentManager());
        //把fragment添加到adapter
        adapter.setFragments(fragments);
        //吧adapter添加到viewPager
        viewPager.setAdapter(adapter);

        //tabLayouut有几个创建几个
        tabLayout.addTab(tabLayout.newTab());
        tabLayout.addTab(tabLayout.newTab());
        //是tabLayout和viewPager  关联同步一下
        tabLayout.setupWithViewPager(viewPager);
        //设置创建的名字  万物从0开始
        tabLayout.getTabAt(0).setText("别来无恙");
        tabLayout.getTabAt(1).setText("黑暗萝莉");
    }

    private void initView() {
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        tabLayout = (TabLayout) findViewById(R.id.tabLayout);
    }
}

3.adapter

public class MyAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragments;

    public void setFragments(List<Fragment> fragments) {
        this.fragments = fragments;
    }

    public MyAdapter(FragmentManager fm) {
        super(fm);
    }

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

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