📜  如何在Android ConstraintLayout中使用流来构建复杂的布局?

📅  最后修改于: 2021-05-13 17:56:48             🧑  作者: Mango

如果您是一名Android开发人员,您已经知道创建GridLayout有多困难。而且,诸如GridLayout和LinearLayout之类的布局对于您的微型手机显示屏而言并不是那么轻巧,它们会导致我们的手机显示屏函数缓慢,并且由于应用程序用户的这种用户体验也不是那么好。由于这些类型的问题,Google在约束布局2.0及更高版本中引入了称为“流”的功能。流程用于以更简单和有效的形式制作诸如GridLayouts和LinearLayouts之类的布局。另外,对于您的Android手机显示屏来说,它是轻量级的。由于流程使我们的工作变得容易,因此很容易在您的android应用程序中实现。以下是如何使用流创建诸如GridLayouts之类的布局的步骤。

分步实施

步骤1:打开您的Android Studio,然后单击“开始新项目”,提供合适的名称和程序包名称,然后选择下图所示的API级别,然后单击“完成”按钮。成功完成gradle同步后,您可以继续进行下一步。

步骤2:将视图拖放到约束布局部分,如下图所示。在这里,我们仅使用了按钮作为参考,您可以在约束布局中添加任何类型的视图。确保您的根布局必须是约束布局。另外,将按钮的布局宽度更改为匹配约束(0dp),以使按钮将占用此项目中所需的最大空间。不要将视图约束在受限的布局中。

步骤3:单击“指南”部分,然后您将获得“添加流程”选项,单击它,您的流程即被添加到组件树部分。现在选择流,并将布局宽度更改为匹配约束(0dp),然后根据您的需要添加约束。

将流添加到组件树中

步骤4:使用“ Ctrl +鼠标左键单击”选择所有按钮,然后将所有图像拖到流程中。这将为该流程提供所有参考ID,以便使用该流程在该按钮上执行的操作。您还可以在流属性名称中将参考ID指定为“ constraint_referenced_ids” ,只需传递以逗号分隔的按钮的ID名称即可。

选择并添加所有按钮以进行流动

步骤5:现在我们必须设置流程的一些重要属性,以进行实际的设计,例如网格布局。以下是流程正常运行的重要属性。

  • 方向:此属性用于设置将使用流显示的视图的方向。我们有水平垂直两种选择。根据您的需要选择方向,这里我们使用了水平方向。下面的图像显示了当我们添加direction =“ vertical”时视图的排列方式。

  • 流动包裹模式:此属性设置布局内视图的对齐方式。它接受三种类型的值。
    • :将视图设置成一个链,每个视图将附加到最近的视图。
    • 对齐:它将根据空间对齐视图。布局中的视图将不再占用额外的空间
    • :视图按照方向对齐。

对齐模式示例

  • Flow Max Element Wrap :此属性设置一行中应包含多少个元素。它的值可以是任何整数值。在此示例中,我们将其值设为2。
  • 流量垂直间隙流量水平间隙:此属性类似于边距。它在ConstraintLayout内部添加的视图之间添加了空格。下图显示了设置所有属性后视图如何在布局中对齐。

想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处前往由我们的专家精心策划的指南,以使您立即做好行业准备!