将 ScrollView 中的子项对齐到底部或滚动
Align child in ScrollView to Bottom or scroll
我在这里 遇到了同样的问题,但使用的是原生 Android。
假设您有以下布局:
由于内容可能不适合较小的 screens/configurations 您将内容包装在滚动视图中。
另外:为避免用户错过首屏以下的关键内容,您希望 CTA 位于内容下方。
Screen
Layout
ScrollView:
- ConstraintLayout
-- //content
-- Button
但现在 CTA 不再与屏幕底部对齐。
对于不需要滚动的较高设备,它看起来像这样:
如何让按钮在内容不滚动的情况下仍然位于底部?
实现这一点非常简单:
使用 android:fillViewport="true"
让您的 ScrollView
扩大整个屏幕
如果它较小,这将拉伸子 (ConstraintLayout) 以填满整个屏幕。
现在滚动视图的子视图是全高的,您可以将 CTA 与其父视图的底部对齐
Screen
Layout
ScrollView:
- ConstraintLayout
-- //content
-- Button(toBottomOf=parent)
如果内容滚动,按钮仍会在其下方对齐。
我在这里
假设您有以下布局:
由于内容可能不适合较小的 screens/configurations 您将内容包装在滚动视图中。 另外:为避免用户错过首屏以下的关键内容,您希望 CTA 位于内容下方。
Screen | Layout |
---|---|
ScrollView: - ConstraintLayout -- //content -- Button |
但现在 CTA 不再与屏幕底部对齐。 对于不需要滚动的较高设备,它看起来像这样:
如何让按钮在内容不滚动的情况下仍然位于底部?
实现这一点非常简单:
使用 android:fillViewport="true"
让您的 ScrollView
扩大整个屏幕
如果它较小,这将拉伸子 (ConstraintLayout) 以填满整个屏幕。
现在滚动视图的子视图是全高的,您可以将 CTA 与其父视图的底部对齐
Screen | Layout |
---|---|
ScrollView: - ConstraintLayout -- //content -- Button(toBottomOf=parent) |
如果内容滚动,按钮仍会在其下方对齐。