在Android Studio中使用Java实现Fragment的滑动与点击切换

完全可以实现，这是Android开发中很常见的需求，类似WhatsApp的聊天/状态/通话模块切换效果，只需通过ViewPager2搭配TabLayout就能同时实现左右滑动和点击标签切换，具体实现步骤如下：

1. 编写布局文件 #

在主Activity的布局中同时加入TabLayout（负责点击切换）和ViewPager2（负责滑动切换）：

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 顶部标签栏，用于点击切换Fragment -->
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"/>

    <!-- 可滑动的内容容器，用于左右切换Fragment -->
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPager2"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

</LinearLayout>

2. 创建目标Fragment #

准备需要切换的几个Fragment类，示例如下（以聊天模块为例）：

public class ChatFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        // 加载对应布局，你可以根据需求自定义布局内容
        return inflater.inflate(R.layout.fragment_chat, container, false);
    }
}

按照同样的方式创建StatusFragment和CallFragment，替换对应的布局文件即可。

3. 实现ViewPager2适配器 #

创建一个继承自FragmentStateAdapter的适配器，用来管理Fragment的创建与复用：

public class ViewPagerAdapter extends FragmentStateAdapter {
    public ViewPagerAdapter(@NonNull FragmentActivity fragmentActivity) {
        super(fragmentActivity);
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        // 根据当前位置返回对应的Fragment
        switch (position) {
            case 0:
                return new ChatFragment();
            case 1:
                return new StatusFragment();
            case 2:
                return new CallFragment();
            default:
                return new ChatFragment();
        }
    }

    @Override
    public int getItemCount() {
        // 返回需要切换的Fragment总数
        return 3;
    }
}

4. 在Activity中完成绑定 #

在主Activity的onCreate方法中，将TabLayout、ViewPager2和适配器关联起来：

public class MainActivity extends AppCompatActivity {
    private TabLayout tabLayout;
    private ViewPager2 viewPager2;

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

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

        // 给ViewPager2设置适配器
        ViewPagerAdapter adapter = new ViewPagerAdapter(this);
        viewPager2.setAdapter(adapter);

        // 用TabLayoutMediator绑定TabLayout和ViewPager2，实现两者联动
        new TabLayoutMediator(tabLayout, viewPager2, (tab, position) -> {
            // 给每个标签设置文字
            switch (position) {
                case 0:
                    tab.setText("聊天");
                    break;
                case 1:
                    tab.setText("状态");
                    break;
                case 2:
                    tab.setText("通话");
                    break;
            }
        }).attach();
    }
}

额外优化点 #

• 如果需要给标签添加图标，可以用tab.setIcon(R.drawable.ic_chat)方法，和setText搭配使用即可。
• ViewPager2默认支持水平滑动，完全符合需求；如果需要垂直滑动，只需设置viewPager2.setOrientation(ViewPager2.ORIENTATION_VERTICAL)。
• 这种方案下，点击TabLayout的标签或者左右滑动ViewPager2都会同步切换Fragment，完美实现两种切换方式。

内容的提问来源于stack exchange，提问作者Iqra Riaz