问题标签 [constraint-layout-chains]

我有多个布局，我想根据屏幕大小在不同的位置显示。如果屏幕足够宽（平板电脑），我希望布局水平显示然后换行到下一行。如果屏幕很窄（电话），我希望布局垂直堆叠。

当我提供固定的 layout_width 时，约束流小部件可以正常工作。

我想将子容器的布局更改为动态的……达到极限。将容器的内容散开仅在一定程度上有用。基本上，当在手机上显示时，我希望容器的大小适应屏幕大小。在平板电脑或大型手机/肖像上显示时，请限制宽度，以免占用整个屏幕。

为此，我设置了 android:layout_width="match_parent" 和 app:layout_constraintWidth_max="350dp"。该行为在其他布局容器中正常工作，但不适用于 Flow 小部件的约束。Flow 小部件忽略最大宽度属性并依赖于 layout_width。第二个布局容器被推离屏幕右侧。当鼠标悬停在第二个布局上时，可以在 Android Studio 中看到第二个布局的轮廓。

如何实现动态布局大小和布局的目标？

这个想法是在项目之间建立具有不同空间的垂直链。更清楚地说，这里是 LinearLayout 所需行为的示例。

此处layout_weight="0"使内容视图包裹其高度。 layout_weight="1"和layout_weight="2"使视图填充可用空间与其权重成正比。如果内容视图变大，空间就会变小（如果没有空间，就没有空间）。

由于目标 UI 比垂直堆栈更复杂，我想使用 ConstraintLayout 而不是 LinearLayout。但我看不到设置链空间百分比的方法。

感谢您的建议。

更新：添加所需结果的屏幕截图

我有这个简单的布局：

我想text2在顶部， text1水平text3链接并约束到底部，并button 垂直链接到text1.

结果就是一切都跳到了顶端

这是期望的结果：

我想不通为什么。

我花了几个小时试图找到解决方案并了解这里出了什么问题......

谢谢。

我想在 textview 之前放置两个 Imageview。当 textview 是单行时，我得到所需的输出，见下文

如果 textview 是多行的，则会添加额外的空间，我不知道如何修复它。这是图像和代码

最近我决定用最新的库更新我的旧项目，因为我想学习如何迁移以使用 Jetpack compose。

但不知何故，一旦我将我的约束布局库从 1.1.3 升级到 2.1.2，一些布局就坏了。我试图在互联网上搜索，但我还没有看到有人面临同样的问题。

基本上，只要包含以下属性的布局将在预览中正确显示，但一旦在物理设备上构建，视图就会被破坏：

• layout_constraintBaseline_toBaselineOf
• layout_constraintHorizo​​ntal_chainStyle="packed"
  • 与 layout_constraintHorizo​​ntal_chainStyle 一起使用时，layout_constraintHorizo​​ntal_bias 不起作用

关于如何在不消除所有链式样式或偏见的情况下修复这些视图的想法已经不多了。

如果有人可以提供任何帮助，我们将不胜感激。

以下是适用于 1.1.3 而不适用于 2.1.2 的 XML 文件之一的示例。再次正确显示了 Android Studio 上的预览，但构建在物理设备上的应用程序已损坏。

嘿，我正在研究 android 中的约束布局。我正在尝试将我的文本视图和图像视图放在同一行中，并且我的图像尺寸更大。

.

问题是我想给出适当的约束。设置适当的约束后，它将如下所示。

活动.xml

有人可以指导我如何设置适当的约束。