android studio 用tablayout和viewpager2实现fragment界面切换
时间: 2023-07-20 16:11:53 浏览: 76
好的,下面是实现步骤:
1. 首先在布局文件中添加TabLayout和ViewPager2控件,如下所示:
```xml
<com.google.android.material.tabs.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabGravity="fill"
app:tabMode="fixed"/>
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
```
2. 在java文件中实例化TabLayout和ViewPager2控件,并设置ViewPager2的适配器,如下所示:
```java
TabLayout tabLayout = findViewById(R.id.tab_layout);
ViewPager2 viewPager = findViewById(R.id.view_pager);
// 设置ViewPager2的适配器
viewPager.setAdapter(new MyFragmentPagerAdapter(this));
```
3. 创建FragmentPagerAdapter类,并实现getItemCount()和createFragment()方法,如下所示:
```java
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
private Context mContext;
public MyFragmentPagerAdapter(Context context) {
super(context);
mContext = context;
}
@NonNull
@Override
public Fragment getItem(int position) {
// 根据位置返回不同的Fragment
switch (position) {
case 0:
return new Fragment1();
case 1:
return new Fragment2();
case 2:
return new Fragment3();
default:
return new Fragment1();
}
}
@Override
public int getItemCount() {
return 3; // 返回Fragment的数量
}
}
```
4. 在java文件中为TabLayout添加Tab选项,并设置TabLayout的监听器,如下所示:
```java
// 添加Tab选项
tabLayout.addTab(tabLayout.newTab().setText("Tab1"));
tabLayout.addTab(tabLayout.newTab().setText("Tab2"));
tabLayout.addTab(tabLayout.newTab().setText("Tab3"));
// 设置TabLayout的监听器
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
// 当Tab被选中时,切换ViewPager2对应的页面
viewPager.setCurrentItem(tab.getPosition());
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
```
5. 最后,在Fragment中添加自己的UI布局和逻辑代码即可。
以上就是使用TabLayout和ViewPager2实现Fragment界面切换的步骤,希望能对你有所帮助。