Android - UI 布局

用户界面的基本构建块是一个 View 视图对象，它由 View 类创建，占据屏幕上的一个矩形区域，负责绘图和事件处理。 View 视图是小部件的基类，用于创建交互式 UI 组件，如按钮、文本字段等。

ViewGroup 是 View 的子类，并提供不可见的容器来容纳其他 View 视图或其他 ViewGroup 并定义它们的布局属性。

在第三层，我们有不同的布局，它们是 ViewGroup 类的子类，典型的布局定义了 Android 用户界面的视觉结构，可以在运行时使用 View/ViewGroup 对象创建，也可以声明 使用简单的 XML 文件 main_layout.xml 进行布局，该文件位于项目的 res/layout 文件夹中。

布局参数

本教程更多地是关于基于 XML 文件中定义的布局创建 GUI。 布局可以包含任何类型的小部件，例如按钮、标签、文本框等。 以下是具有 LinearLayout 的 XML 文件的简单示例 −

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="This is a TextView" />
      
   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="This is a Button" />
      
   <!-- More GUI components go here  -->
   
</LinearLayout>

创建布局后，您可以在 Activity.onCreate() 回调实现中从应用程序代码加载布局资源，如下所示 −

public void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
}

Android 布局类型

Android 提供了许多布局，您将在几乎所有 Android 应用程序中使用它们来提供不同的视图、外观和感觉。

布局属性

每个布局都有一组属性，这些属性定义了该布局的视觉属性。 所有布局之间几乎没有共同的属性，它们是特定于该布局的其他属性。 以下是通用属性，将应用于所有布局:

这里的宽度和高度是布局/视图的尺寸，可以用 dp（与密度无关的像素）、sp（与比例无关的像素）、pt（点，即 1/72 英寸）、px（ 像素），mm（毫米），最后是（英寸）。

您可以使用精确的测量值指定宽度和高度，但更常见的是，您将使用这些常量之一来设置宽度或高度 −

• android:layout_width=wrap_content 告诉您的视图将自身调整到其内容所需的尺寸。

• android:layout_width=fill_parent 告诉你的视图变得和它的父视图一样大。

Gravity 属性在定位视图对象中起着重要作用，它可以采用以下常量值中的一个或多个（用"|"分隔）。

查看标识

视图对象可能具有分配给它的唯一 ID，它将在树中唯一标识视图。 XML 标记内的 ID 语法是 −

android:id="@+id/my_button"

以下是 @ 和 + 符号的简要说明−

• 字符串开头的符号 (@) 表示 XML 解析器应该解析和扩展 ID 字符串的其余部分，并将其标识为 ID 资源。

• 加号 (+) 表示这是一个新的资源名称，必须创建并添加到我们的资源中。 要创建视图对象的实例并从布局中捕获它，请使用以下命令 −

Button myButton = (Button) findViewById(R.id.my_button);