ConstraintLayout嵌套ListView时列表项垂直居中问题求解
解决ConstraintLayout中ListView列表项垂直居中的问题
这个问题我之前也碰到过,核心原因确实和你推测的一样——当你同时给ListView设置了layout_constraintTop_toBottomOf和layout_constraintBottom_toBottomOf时,ConstraintLayout默认会让View在这个垂直区间内居中对齐,再加上ListView的高度是wrap_content,就会导致少量列表项跟着居中显示了。下面给你两种可行的解决思路:
方法一:通过垂直偏移让ListView靠顶部对齐
这是最直接的方案,不需要移除任何约束,只需要给ListView添加一个垂直偏移属性,强制它在约束区间内紧贴顶部:
修改后的ListView代码如下:
<ListView android:id="@+id/listContainers" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/transparent" android:divider="@null" android:dividerHeight="0dp" android:paddingTop="80dp" android:paddingBottom="100dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintTop_toBottomOf="@id/layoutTopContainer" app:layout_constraintVertical_bias="0.0"/> <!-- 新增这一行 -->
原理说明:layout_constraintVertical_bias的默认值是0.5(垂直居中),设置为0.0后,ListView会紧贴顶部约束的边界。同时保留底部约束的好处是:当列表项数量较多时,ListView会自动扩展高度直到触达父布局底部,超出部分可以正常滚动;当列表项很少时,ListView高度包裹内容,并且靠顶部对齐,不会再出现居中的问题。
方法二:仅保留顶部约束,补充左右约束确保位置正常
如果你不需要ListView触达父布局底部,只需要它在layoutTopContainer下方自适应高度,那可以移除底部约束,但要补充左右约束避免位置异常:
<ListView android:id="@+id/listContainers" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/transparent" android:divider="@null" android:dividerHeight="0dp" android:paddingTop="80dp" android:paddingBottom="100dp" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toBottomOf="@id/layoutTopContainer"/>
注意:你之前说移除约束后位置异常,大概率是因为没设置左右约束,导致ListView的宽度没有正确匹配父布局,补充这两个约束后就能正常显示了。
内容的提问来源于stack exchange,提问作者jcmag
相关产品推荐
相关产品推荐

