Android ListView列表项及空白区域透明问题解决咨询

核心原因：ConstraintLayout的绘制层级顺序 #

在ConstraintLayout中，XML里组件的声明顺序直接决定绘制层级——后声明的组件会被绘制在更上层。你的ListView写在tv_dialog_duration和NumberPicker组件之前，导致这些下层组件的绘制层级比ListView更高，所以ListView显示后无法遮挡它们。

具体修复步骤 #

1. 调整ListView的XML位置
   将ListView的代码块移动到所有需要被遮挡的组件（tv_dialog_duration、number_picker_minute、tv_time_symbol、number_picker_second）的后面，确保ListView的绘制层级最高。修改后的XML结构示例：

   <!-- 前面的TextView、EditText代码保持不变 -->
   
   <TextView
       android:id="@+id/tv_dialog_duration"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_margin="16dp"
       android:text="Duration"
       android:textAlignment="center"
       android:textSize="20dp"
       android:textStyle="bold"
       android:textColor="@color/app_on_primary"
       app:layout_constraintTop_toBottomOf="@+id/et_dialog_name" />
   
   <NumberPicker
       android:id="@+id/number_picker_minute"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       app:layout_constraintHorizontal_chainStyle="packed"
       app:layout_constraintTop_toBottomOf="@+id/tv_dialog_duration"
       app:layout_constraintStart_toStartOf="parent"
       app:layout_constraintEnd_toStartOf="@+id/tv_time_symbol"
       app:layout_constraintBottom_toBottomOf="parent"/>
   
   <TextView
       android:id="@+id/tv_time_symbol"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text=":"
       android:textStyle="bold"
       android:textColor="@color/app_on_primary"
       android:textSize="50sp"
       android:textAlignment="center"
       android:layout_margin="16dp"
       app:layout_constraintHorizontal_chainStyle="packed"
       app:layout_constraintStart_toEndOf="@+id/number_picker_minute"
       app:layout_constraintEnd_toStartOf="@id/number_picker_second"
       app:layout_constraintTop_toBottomOf="@+id/tv_dialog_duration"
       app:layout_constraintBottom_toBottomOf="parent"/>
   
   <NumberPicker
       android:id="@+id/number_picker_second"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       app:layout_constraintHorizontal_chainStyle="packed"
       app:layout_constraintTop_toBottomOf="@+id/tv_dialog_duration"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toEndOf="@+id/tv_time_symbol"
       app:layout_constraintBottom_toBottomOf="parent"/>
   
   <!-- ListView移到最后 -->
   <ListView
       android:id="@+id/lv_names"
       android:layout_width="match_parent"
       android:layout_height="200dp"
       android:layout_marginHorizontal="24dp"
       android:visibility="gone"
       android:background="#FFFFFFFF"
       android:cacheColorHint="#FFFFFFFF"
       app:layout_constraintTop_toBottomOf="@+id/et_dialog_name"/>
   

2. 确认列表项背景的不透明度
   检查列表项的@drawable/background_list_item文件，确保其包含不透明的白色背景。如果该drawable是透明或半透明的，修改为：

   <!-- background_list_item.xml -->
   <shape xmlns:android="http://schemas.android.com/apk/res/android">
       <solid android:color="#FFFFFFFF"/> <!-- 确保是完全不透明的白色 -->
       <!-- 其他圆角、描边等属性可保留 -->
   </shape>
   

3. 额外优化（可选）
   若仍有滚动时的透明问题，可给ListView添加以下属性，避免滚动缓存导致的异常：

   android:scrollingCache="false"
   android:fadeScrollbars="false"
   

验证逻辑 #

修改后，当ListView从gone变为visible时，由于它的绘制层级在最上层，且自身和列表项都有不透明背景，就能完全遮挡下方的Duration文本和NumberPicker组件。

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