如何用ViewPager实现ViewGroup滑动？点击按钮切换LinearLayout求方案

当然可以！ViewPager完全能实现你要的需求——我来给你一步步拆解完整的实现方案，让你点击按钮就能切换两个LinearLayout。话不多说，直接上干货：

第一步：编写布局文件 #

首先准备三个布局：主布局（包含ViewPager和切换按钮）、两个LinearLayout页面布局。

主布局（activity_main.xml） #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 顶部切换按钮栏 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="8dp">

        <Button
            android:id="@+id/btn_switch_to_page1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="切换到页面1"/>

        <Button
            android:id="@+id/btn_switch_to_page2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="切换到页面2"/>
    </LinearLayout>

    <!-- 核心的ViewPager容器 -->
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/main_view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

第一个LinearLayout页面（page_linear_layout1.xml） #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFE082"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是第一个LinearLayout页面"
        android:textSize="24sp"/>

</LinearLayout>

第二个LinearLayout页面（page_linear_layout2.xml） #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#BBDEFB"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是第二个LinearLayout页面"
        android:textSize="24sp"/>

</LinearLayout>

第二步：自定义ViewPager适配器 #

ViewPager需要一个适配器来管理页面，这里我们写一个基础的PagerAdapter：

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.viewpager.widget.PagerAdapter;
import java.util.List;

public class LinearPageAdapter extends PagerAdapter {
    private final Context mContext;
    private final List<View> mPageViews;

    public LinearPageAdapter(Context context, List<View> pageViews) {
        mContext = context;
        mPageViews = pageViews;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        View targetPage = mPageViews.get(position);
        container.addView(targetPage);
        return targetPage;
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView(mPageViews.get(position));
    }

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

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }
}

第三步：在Activity中绑定逻辑 #

最后在Activity里完成初始化、适配器绑定和按钮点击事件：

import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.ViewPager;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ViewPager mViewPager;
    private Button mBtnPage1, mBtnPage2;

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

        // 初始化控件
        mViewPager = findViewById(R.id.main_view_pager);
        mBtnPage1 = findViewById(R.id.btn_switch_to_page1);
        mBtnPage2 = findViewById(R.id.btn_switch_to_page2);

        // 加载两个LinearLayout页面
        LayoutInflater inflater = LayoutInflater.from(this);
        View page1 = inflater.inflate(R.layout.page_linear_layout1, null);
        View page2 = inflater.inflate(R.layout.page_linear_layout2, null);

        // 把页面存入列表
        List<View> pageList = new ArrayList<>();
        pageList.add(page1);
        pageList.add(page2);

        // 设置适配器
        LinearPageAdapter adapter = new LinearPageAdapter(this, pageList);
        mViewPager.setAdapter(adapter);

        // 给按钮设置切换逻辑
        mBtnPage1.setOnClickListener(v -> mViewPager.setCurrentItem(0));
        mBtnPage2.setOnClickListener(v -> mViewPager.setCurrentItem(1));
    }
}

额外小提示 #

• 如果你的页面后续需要添加交互逻辑或者更复杂的内容，建议改用FragmentPagerAdapter管理Fragment，而非直接用View，这样能更好地管理页面的生命周期。
• 你还可以给ViewPager添加切换动画，比如自定义PageTransformer，让切换效果更流畅有趣。

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