这篇关于Android布局设计教程的文章将通过一些有用的技巧来实现更好的UI设计，并说明了如何设计UI。

Android Layout Design教程：UI组件简介

谈到UI组件，任何Android应用程序的典型UI都包含以下组件：

• 主动作列

• 查看控件

• 内容区

• 拆分动作列

在我们开发复杂的应用程序时，这些功能起着主要作用。
当我们进入本文的演示部分时，我们将对此有清晰的了解。

帮助自定义UI设计的另一个重要因素是视图组件。

让我们看看什么是Android开发中的视图。

Android布局设计教程：视图

视图被认为是从View类实际创建的正确用户界面的基本构建块。
这占据了屏幕上的矩形区域，并最终负责绘制和事件处理。

视图是窗口小部件的基类，窗口小部件用于创建交互式UI组件，例如按钮，文本字段等。
现在谈论矩形区域或者框，它可以是图像，一段文本，按钮或者android应用程序可以显示的任何内容。
这里的矩形实际上是不可见的，但是每个视图都占据一个矩形形状。

我们可能有一个问题，这个矩形的大小是多少？

答案是我们可以通过指定确切的大小(使用适当的单位)来手动设置它，也可以使用一些预定义的值来设置它。
这些预定义的值是match_parent和wrap_content。
该match_parent表示它将占据设备显示屏上的全部可用空间。
而wrap_content表示它将仅占据显示其内容所需的空间。

现在，让我们指出View和ViewGroup之间的主要区别。

View

• 视图对象是Android中UI元素的基本构建块。

• 视图是一个简单的矩形框，可响应用户的操作。

• View引用android.view.View类，它是所有UI类的基类。

• 例如EditText，Button，CheckBox等。

ViewGroup

• ViewGroup是包含View和ViewGroup的不可见容器。

• ViewGroup是布局的基类。

• 例如，LinearLayout是包含Button(View)以及其他Layouts的ViewGroup。

现在，让我们继续前进，了解存在的布局。

Android布局设计教程：布局类型

布局定义了应用程序中用户界面的结构。
使用View和ViewGroup对象的层次结构构建布局中的所有元素。

现在让我们看看如何声明布局。

我们可以通过两种方式声明布局：

• 声明XML中的UI元素。 Android提供了一个简单的XML词汇表，它对应于View类和子类，例如小部件和布局的类。

注意：我们还可以使用Android Studio的布局编辑器通过拖放界面来构建XML布局。

• 在"运行时"实例化布局元素。该应用程序可以创建View和ViewGroup对象，并以编程方式操纵它们的属性。

让我们讨论不同类型的布局。

Android中的UI是Views和ViewGroups的层次结构。
ViewGroups将是层次结构中的中间节点，而视图将是终端节点。

• 线性布局

• 绝对布局

• 相对布局

• 表格布局

• 框架布局

让我们详细讨论它们。

线性布局

线性布局用于在每行上放置一个元素。
因此，所有元素将以有序的从上到下的方式放置。
这是用于在Android上创建表单的非常广泛使用的布局。
它也可以称为在单个方向上垂直或者水平对齐所有子项的视图组。

绝对布局

在绝对布局中，我们可以指定要放置的每个控件的确切坐标。
在这种类型的布局中，我们可以给出每个控件的确切X和Y坐标。
它使我们可以指定其子级的确切位置。

相对布局

相对布局是一个ViewGroup，它在相对位置显示子视图。
我们可以指定元素相对于其他元素或者相对于父容器的位置。

表格布局

使用表格布局，我们可以创建一个具有行和列的表格，并其中放置元素。
在每一行中，我们可以指定一个或者多个元素。
我们可以使用此命令<TableRow>创建新的表格布局。

框架布局

当我们要在每个屏幕上显示一个项目时，将使用"框架"布局。
使用框架布局，可以有多个项目。
此框架布局是屏幕上的占位符，可用于显示单个视图。

Android Layout Design教程：度量单位

当我们在Android用户界面上指定元素的大小时，一定要记住以下度量单位。

|单位|描述|
| --- - | --- |
| DP密度独立像素。 1dp相当于160dpi屏幕上的一个像素。 |
| sp规模独立像素。这与DP非常相似，但建议使用这是指定字体大小的情况。 |
| pt观点。一个点被定义为1/72英寸。 |
| px像素。对应屏幕上的实际像素|

现在，让我们继续本文的最后一个主题。

Android布局设计教程：演示

在本演示部分中，让我们了解如何在Android Studio中使用布局。

这就是布局的样子。
只需选择可绘制对象，我们会发现一些类，在此可绘制对象下选择任何其他类。
我们可以编写布局结构的代码，也可以查看设计并仅将组件拖放到设计空间中。

我们可以在组件树下查看已选择的组件。

我们也可以在布局中找到它们。

• 面板：包含视图和视图组的列表，我们可以将其拖动到布局中。

• 组件树：由布局的"视图"层次结构组成。

• 工具列：用于在编辑器中配置布局外观并更改一些布局属性的按钮。

• 设计编辑器："设计"或者"蓝图"视图或者两者中的"布局"。也被视为设计空间。

• 属性：它控制选定视图的属性。