问题标签 [constraint-layout-chains]

我正在寻找构建一个 UI，我想在其中显示横向滚动并将按钮保持在屏幕的最底部并粘在页脚上，但是在横向视图中滚动之间应该有公平的差距。

任何帮助是极大的赞赏。

[

我尝试ConstraintLayout通过扩展ConstraintLayout类来创建一个“正方形”，如下所示：

如果我将具有此自定义类的小部件包含到小部件链中，例如在以下面向横向的布局中

例如，如果我在 Android Studio 的模拟器中的“Nexus 6”上显示它，它看起来SCFrame只是部分正方形：

• TextView 是正方形的A1（即它的宽度等于它的高度）
• 但是SCFrame本身的宽度不同于它的高度

在设备上显示时，我应该如何更改SCConstraintLayout类或 xml 布局以使SCFrame视图完全正方形（即其宽度等于其高度）？

注意：在我的实际应用程序中，SCFrame有几行和几列。还有其他几个小部件，例如按钮和文本视图，而不是Report文本视图。

我android.support.constraint.ConstraintLayout在我的 XML 文件中使用约束布局 ( ) 作为主要布局。当我们得到两个布局视图时（一个用于用户视图，第二个用于拖放视图并提供它们之间的关系）。但我只得到一个完全空白的窗口，如下所示：-

在我的布局中使用任何视图时出现此错误。请检查下图

我的布局文件如下：-

我已经在 SO 上尝试了以下解决方案，但它对我不起作用，请检查我搜索过的链接

1. 第一个链接
2. 第二个链接
3. 第三个链接

请帮我解决这个问题。谢谢

如何在约束布局中垂直对齐和居中对象？可以垂直或水平对齐，但除了限制两条网格线之间的视图之外，我还没有找到一种同时居中的方法。

垂直对齐中心：

似乎居中是约束布局的一个大问题，它迫使我回到“centerInParent”、“centerVertical”和“centerHorizo​​ntal”的相对布局。

我想使用约束布局创建以红色框起来的布局：

不幸的是，我发现不使用两条网格线的唯一方法是使用嵌套的相对布局和线性布局（约束布局应该解决这个确切的场景！）。

使用相对和线性布局的布局：

我正在尝试制作一个 ConstraintLayout 来用相对和线性布局替换常规布局，但是在卡片视图中垂直居中两个视图时遇到了一些麻烦。

下面的布局文件是我要替换的当前布局。

我目前的结果如下：

问题是将 textView + textView1 居中在cardview中。我只得到 textView 居中和 textView1 下面。

我已经尝试过“垂直包装”然后“垂直居中”两者，但是当它在卡片视图中为 android:layout_centerVertical="true" 时，我没有得到 LinearLayout（保存两个文本视图）实现的结果。

我想用可视化编辑器来代替更改 xml。

我知道实现它的方法是使用链，但我无法在卡片视图中使用布局编辑来完成它。

有人可以帮助一些屏幕截图/屏幕录像机吗？

这是一个“如何做”的问题。

我有一个在 ConstraintLayout 中有 6 个 ImageView 对象的 android 活动。我希望它们放置在水平行中，始终使用屏幕的整个宽度。对于更大的屏幕，而不是 ImageViews 之间的空白空间，我希望 ImageViews 放大，保持它们的纵横比。我正在使用矢量资源来获取图像的内容。

如何才能做到这一点？

我想使用约束布局来设计一个自动换行在较小显示器中的布局，而不使用后面的代码，请参见随附的示例图像：

它类似于网络网格系统，例如Bootstrap或Flex

我不确定这是否是 ConstraintLayout 的错误，所以我尝试询问是否有人知道我犯了任何错误。

我有一个布局，我想在屏幕 3 个元素上均匀分布。就像下面这样：

我在它们之间形成了水平链，如您所见，它们分布均匀并且运行良好。

现在我想在每个元素内放置一个图像和一个 TextView，如下所示：

所以这就是我试图做的，以元素 1 为例：

可悲的是，它似乎“打破”了 3 个元素的链条。这 3 个元素现在不会水平展开，而是包裹到非常小的尺寸：

如果我删除了 ImageView 和 TextView 之间的链，它工作正常。但后来我无法将 ImageView 和 TextView 居中在元素内。

有没有人遇到过这样的事情？你如何解决它？

现在，我知道我至少有两种方法可以解决这个问题：
（1）使用一个带有复合可绘制对象的 TextView，而不是 ImageView + TextView；
(2)使用一个LinearLayout来包装ImageView和TextView

但我想知道为什么它不起作用（以便我们更好地理解 ConstraintLayout），而不是寻找替代方案。

谢谢！

我想使用 ConstraintLayout 构建以下布局：

我使用这个来源进行布局：

不幸的是得到了这个结果：

如您所见，ImageView 顶部有一个不必要的边距，尽管布局指示 marginTop=0。

我通过链创建了两行 ImageButton，并使用打包样式来缩小两行之间的间隙。然而，顶部和底部的整个 ImageButtons 行周围有很多额外的空间。

当我尝试在顶行按钮上使用 layout_constraintVertical_bias="0.1" 并在底行按钮上使用 layout_constraintVertical_bias="0.9" 来消除间隙时，它只会将行向上移动到布局的顶部。我知道链约束细节应该在父视图中，但是无论如何让链的孩子也适应偏差？我知道这可以通过将宽度更改为 0dp 来完成，但是当我这样做时，由于按钮数量不均匀，底部的图像变得比顶部的图像更宽。

编辑：

这就是我想要在下面完成的。我基本上希望箭头向上推到红线，而 ImageButtons 保持在它们现在所在的位置，因此按钮与布局的顶部和底部边缘之间存在间隙。我尝试使用垂直偏差缩小第二张图像中的间隙，但正如您所见，它仅适用于顶行按钮，不适用于底行按钮。