ViewFlipper引导页文本不显示问题排查求助

我用ViewFlipper制作引导页，尝试在每个幻灯片中添加文本，但文本无法在activity_slider布局中显示。以下是相关代码，请问问题出在哪里？

activity_slider布局代码 #

<ViewFlipper
    android:id="@+id/viewFlipper"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginVertical="100dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <include layout="@layout/slide1" />

    <include layout="@layout/slide2" />

    <include layout="@layout/slide3" />

</ViewFlipper>

slide1布局代码（其他幻灯片仅图片不同） #

<ImageView
    android:id="@+id/titleImage"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:src="@drawable/collaborate"/>

<TextView
    android:id="@+id/texttitle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="50dp"
    android:fontFamily="@font/poppins_bold"
    android:text="@string/heading_one"
    android:textAlignment="center"
    android:textColor="@color/black"
    android:textSize="28dp" />

<TextView
    android:id="@+id/textdeccription"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginHorizontal="30dp"
    android:fontFamily="@font/poppins"
    android:text="@string/desc_one"
    android:textAlignment="center"
    android:textColor="@color/black"
    android:textSize="16dp" />

引导页逻辑代码 #

private lateinit var viewFlipper: ViewFlipper
private lateinit var nextButton: Button
private lateinit var backButton: Button
private lateinit var skipButton: Button

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_slider)

    viewFlipper = findViewById(R.id.viewFlipper)
    nextButton = findViewById(R.id.nextbtn)
    backButton = findViewById(R.id.backbtn)
    skipButton = findViewById(R.id.skipButton)

    viewFlipper.setOutAnimation(this, android.R.anim.slide_out_right)
    viewFlipper.setInAnimation(this, android.R.anim.slide_in_left)

    nextButton.setOnClickListener {
        viewFlipper.showNext()
        if (viewFlipper.currentView == viewFlipper.getChildAt(viewFlipper.childCount - 1)) {
            startActivity(Intent(this, SignupActivity::class.java))
        } else {
            viewFlipper.showNext()
        }

    }

    backButton.setOnClickListener {
        viewFlipper.showPrevious()

    }

    skipButton.setOnClickListener {
        val sharedPreferences: SharedPreferences = getSharedPreferences("onboarding_prefs", MODE_PRIVATE)
        sharedPreferences.edit().putBoolean("isFirstTime", false).apply()

        startActivity(Intent(this, SignupActivity::class.java))
        finish()
    }

}

核心问题 #

slide布局缺少根布局容器。Android布局文件要求必须有且只有一个根View，你直接将ImageView、TextView放在布局最外层，使用include引入到ViewFlipper后，系统只会识别第一个子View（ImageView），后续的TextView会被直接忽略，导致文本无法显示。

修复步骤 #

1. 给slide布局添加根容器
   给每个slide布局包裹一个LinearLayout、ConstraintLayout或其他ViewGroup，将所有控件放在根容器内。示例修改后的slide1布局：

   <LinearLayout
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical"
       android:gravity="center">
   
       <ImageView
           android:id="@+id/titleImage"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginTop="10dp"
           android:src="@drawable/collaborate"/>
   
       <TextView
           android:id="@+id/texttitle"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginTop="50dp"
           android:fontFamily="@font/poppins_bold"
           android:text="@string/heading_one"
           android:textAlignment="center"
           android:textColor="@color/black"
           android:textSize="28sp"/> <!-- 文字大小建议用sp，适配不同设备字体缩放 -->
   
       <TextView
           android:id="@+id/textdeccription"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginHorizontal="30dp"
           android:fontFamily="@font/poppins"
           android:text="@string/desc_one"
           android:textAlignment="center"
           android:textColor="@color/black"
           android:textSize="16sp"/>
   
   </LinearLayout>
   

2. 修正逻辑代码的跳转bug
   原nextButton点击事件中调用了两次viewFlipper.showNext()，会导致跳过一页，修改为：

   nextButton.setOnClickListener {
       if (viewFlipper.currentView == viewFlipper.getChildAt(viewFlipper.childCount - 1)) {
           startActivity(Intent(this, SignupActivity::class.java))
       } else {
           viewFlipper.showNext()
       }
   }
   

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