Android ViewPager问题排查与滑至末页隐藏功能实现咨询

嘿，我一眼就看出问题所在了——你的ViewPager在布局里把按钮完全挡住了！

问题根源 #

在RelativeLayout中，后声明的View会被绘制在前面。你的ViewPager设置了layout_width="match_parent"和layout_height="match_parent"，而且写在Button之后，所以它会铺满整个屏幕，把下面的Button完全覆盖住，自然就点不到了。移除ViewPager后，Button没有了遮挡，就恢复正常了。

接下来咱们一步步解决，同时实现你要的“启动显示引导页，滑到最后一页隐藏ViewPager、显示主界面”的需求：

步骤1：调整布局文件 #

先修改主Activity的布局，默认让Button隐藏，ViewPager显示，这样启动时只会看到引导页：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="35dp"
        android:layout_marginBottom="25dp"
        android:text="Click to find"
        android:visibility="gone" /> <!-- 默认隐藏 -->

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager2"
        android:layout_width="match_parent"
        android:layout_height="match_parent" /> <!-- 铺满屏幕显示引导页 -->

</RelativeLayout>

步骤2：给ViewPager添加页面切换监听 #

在主Activity的onCreate方法里，给ViewPager设置页面切换监听器，当滑动到最后一页时，隐藏ViewPager并显示Button：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.your_main_activity_layout); // 替换成你的布局文件名

    ViewPager viewPager = findViewById(R.id.viewPager2);
    Button button1 = findViewById(R.id.button1);

    // 初始化引导页数据（替换成你自己的标题和颜色数组）
    String[] guideTitles = {"欢迎使用", "功能介绍", "最后一步"};
    int[] guideColors = {getResources().getColor(R.color.color1),
                         getResources().getColor(R.color.color2),
                         getResources().getColor(R.color.color3)};

    // 设置ViewPager适配器
    MypagerAdapter adapter = new MypagerAdapter(guideTitles, this, guideColors);
    viewPager.setAdapter(adapter);

    // 添加页面切换监听
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            // 滑动过程中的回调，这里不需要处理
        }

        @Override
        public void onPageSelected(int position) {
            // 当选中最后一页时，切换界面
            if (position == adapter.getCount() - 1) {
                viewPager.setVisibility(View.GONE);
                button1.setVisibility(View.VISIBLE);
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {
            // 滑动状态变化的回调，这里不需要处理
        }
    });

    // 给Button添加跳转第二个Activity的逻辑（你原来的代码）
    button1.setOnClickListener(v -> {
        startActivity(new Intent(MainActivity.this, SecondActivity.class));
    });
}

步骤3：优化你的PagerAdapter（可选） #

你的MypagerAdapter代码基本没问题，不过可以把destroyItem方法按照新版API规范调整一下，避免潜在问题：

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

这样修改后，应用启动时会显示ViewPager引导页，滑动到最后一页后，ViewPager会自动隐藏，你的Button就会显示出来，点击也能正常跳转了。

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