TabLayout+ViewPager实现切页的示例代码

TabLayout+ViewPager实现切页的示例代码攻略

1. 添加依赖库

首先，我们需要在项目的build.gradle文件中添加TabLayout和ViewPager的依赖库。在dependencies块中添加以下代码：

implementation 'com.google.android.material:material:1.4.0'

2. 创建布局文件

接下来，我们需要创建一个包含TabLayout和ViewPager的布局文件。在你的XML布局文件中添加以下代码：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android=\"http://schemas.android.com/apk/res/android\"
    xmlns:app=\"http://schemas.android.com/apk/res-auto\"
    android:layout_width=\"match_parent\"
    android:layout_height=\"match_parent\">

    <com.google.android.material.tabs.TabLayout
        android:id=\"@+id/tabLayout\"
        android:layout_width=\"match_parent\"
        android:layout_height=\"wrap_content\"
        app:layout_constraintTop_toTopOf=\"parent\"
        app:layout_constraintStart_toStartOf=\"parent\"
        app:layout_constraintEnd_toEndOf=\"parent\"
        app:tabMode=\"fixed\"
        app:tabGravity=\"fill\"/>

    <androidx.viewpager.widget.ViewPager
        android:id=\"@+id/viewPager\"
        android:layout_width=\"match_parent\"
        android:layout_height=\"0dp\"
        app:layout_constraintTop_toBottomOf=\"@id/tabLayout\"
        app:layout_constraintBottom_toBottomOf=\"parent\"/>

</androidx.constraintlayout.widget.ConstraintLayout>

3. 创建Fragment

然后，我们需要创建用于显示不同页面内容的Fragment。创建一个继承自Fragment的类，并在其中实现你想要显示的内容。

public class MyFragment extends Fragment {

    public static MyFragment newInstance(String title) {
        MyFragment fragment = new MyFragment();
        Bundle args = new Bundle();
        args.putString(\"title\", title);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_layout, container, false);
        TextView textView = view.findViewById(R.id.textView);
        String title = getArguments().getString(\"title\");
        textView.setText(title);
        return view;
    }
}

4. 创建PagerAdapter

接下来，我们需要创建一个PagerAdapter来管理Fragment的切换。创建一个继承自FragmentPagerAdapter的类，并实现以下方法：

public class MyPagerAdapter extends FragmentPagerAdapter {

    private List<String> titles;

    public MyPagerAdapter(FragmentManager fm, List<String> titles) {
        super(fm);
        this.titles = titles;
    }

    @Override
    public Fragment getItem(int position) {
        return MyFragment.newInstance(titles.get(position));
    }

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

    @Override
    public CharSequence getPageTitle(int position) {
        return titles.get(position);
    }
}

5. 设置TabLayout和ViewPager

最后，我们需要在Activity中设置TabLayout和ViewPager，并将它们关联起来。在你的Activity中添加以下代码：

public class MainActivity extends AppCompatActivity {

    private TabLayout tabLayout;
    private ViewPager viewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tabLayout = findViewById(R.id.tabLayout);
        viewPager = findViewById(R.id.viewPager);

        List<String> titles = new ArrayList<>();
        titles.add(\"Tab 1\");
        titles.add(\"Tab 2\");

        MyPagerAdapter pagerAdapter = new MyPagerAdapter(getSupportFragmentManager(), titles);
        viewPager.setAdapter(pagerAdapter);
        tabLayout.setupWithViewPager(viewPager);
    }
}

以上就是使用TabLayout和ViewPager实现切页的示例代码攻略。你可以根据自己的需求修改和扩展这些代码。希望对你有所帮助！

示例说明

示例1：添加更多的Tab

如果你想添加更多的Tab，只需在MainActivity的titles列表中添加更多的标题即可。例如，如果你想添加一个名为\"Tab 3\"的Tab，只需在titles列表中添加一个新的元素：

titles.add(\"Tab 3\");

然后重新运行应用程序，你将看到新的Tab被添加到TabLayout中，并且可以通过滑动或点击Tab来切换到新的页面。

示例2：自定义Fragment布局

如果你想自定义每个Fragment的布局，只需修改MyFragment类的onCreateView方法中的R.layout.fragment_layout为你自己的布局文件。例如，如果你有一个名为custom_fragment_layout.xml的布局文件，你可以这样修改代码：

View view = inflater.inflate(R.layout.custom_fragment_layout, container, false);

然后根据你的自定义布局文件进行进一步的修改和调整。