Android 布局：使用 XML 语言设计 UI，掌握布局组件

Android 布局：使用 XML 语言设计 UI，掌握布局组件

Android UI 设计的核心在于布局，而 XML 语言是定义 Android 布局的标准方式。本教程将带你深入了解 Android 布局的奥秘，从基础知识到实战案例，助你掌握布局组件的使用方法，创建出精美的 UI。

1. 布局基础：认识 XML 结构

Android 布局使用 XML 文件定义，每个 XML 文件代表一个视图 (View) 或布局 (Layout) 组件。以下是布局 XML 的基本结构：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    </LinearLayout>

• <?xml ... ?>: XML 声明，定义版本和编码方式。
• <LinearLayout ...>: 根布局元素，定义布局类型。
• xmlns:android="...": 声明命名空间，用于引用 Android 资源。
• android:layout_width 和 android:layout_height: 设置布局的宽度和高度。
• android:orientation: 定义布局方向 (水平或垂直)。

2. 布局组件：搭建 UI 的基石

Android 提供了多种布局组件，用于组织和排列 UI 元素：

• LinearLayout (线性布局)： 将子元素按照水平或垂直方向排列，支持权重控制子元素大小。

  <LinearLayout android:orientation="vertical">
      <TextView android:text="标题"/>
      <Button android:text="按钮"/>
  </LinearLayout>
  

• RelativeLayout (相对布局)： 根据子元素之间的相对位置进行布局。

  <RelativeLayout>
      <TextView android:layout_centerInParent="true"