Android视图控件架构分析之View、ViewGroup

Android视图控件架构分析之View、ViewGroup

1. View

View 是 Android 中所有用户界面的基本单元。它代表屏幕上的一个矩形区域，能够处理用户的交互事件。View 是所有控件的基类，包括像 Button、TextView、EditText 等常见控件都继承自 View。

1.1 View 的绘制过程

View 的绘制过程是 Android 系统中非常重要的一环，它的主要流程如下：

1. Measure：测量 View 的尺寸，提供给 Layout 进行布局；
2. Layout：按照测量的结果对 View 进行布局，确定它在父容器中的位置和大小；
3. Draw：根据布局计算出来的位置和大小，进行绘制操作；
4. Touch：处理用户的触摸事件，根据需要重绘 View。

在 View 的绘制过程中，测量、布局和绘制是三个比较重要的环节，需要我们关注。

1.2 View 的常见属性

View 的常见属性包括：

• id：View 的唯一标识符；
• layout_width：View 的宽度；
• layout_height：View 的高度；
• padding：View 的内边距，即 View 内容区域和边框之间的距离；
• margin：View 的外边距，即 View 与相邻 View 的距离；
• background：View 的背景色或背景图像；
• gravity：View 内容的对齐方式。

2. ViewGroup

ViewGroup 从类上来看是 View 的子类，但是它不直接展示内容，而是容器类，用于承载其他的 View。

2.1 ViewGroup 的绘制过程

ViewGroup 的绘制过程与 View 的绘制过程类似，但是它需要对它包含的所有子 View 进行处理。在 ViewGroup 的绘制过程中，它的子 View 也会经历测量、布局和绘制等过程。

2.2 ViewGroup 的常见属性

ViewGroup 的常见属性包括几乎包含了所有 View 的通用属性，同时也有一些 ViewGroup 特有的属性：

• orientation：用于设置子 View 的排列方式，可选值为 horizontal 和 vertical；
• layout_weight：用于设置子 View 在布局中的权重，决定在可用空间不足的情况下的拉伸比例。

3. 示例说明

3.1 LinearLayout

LinearLayout 是一个非常常见的 ViewGroup，用于实现线性布局。它最重要的属性是 orientation，用于设置子 View 的排列方式。下面是一个简单的 LinearLayout 示例：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello, LinearLayout" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Click Me" />

</LinearLayout>

在这个示例中，我们创建了一个垂直方向的 LinearLayout，并在其中添加了一个 TextView 和一个 Button。在运行时，LinearLayout 会将这两个 View 按顺序垂直排列。

3.2 FrameLayout

FrameLayout 是另一个常见的 ViewGroup，它以堆栈的方式摆放子 View。即最后添加的 View 会覆盖在它之前添加的 View 的上方。下面是一个简单的 FrameLayout 示例：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/background" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Click Me" />

</FrameLayout>

在这个示例中，我们首先添加了一个 ImageView 作为背景，然后再添加一个 Button 在其上面，通过设置 Button 的 layout_gravity 为 center，使其居中显示。在运行时，Button 由于在 ImageView 之后添加，所以会覆盖在 ImageView 的上面。