这是我参与「第四届青训营」笔记创作活动的第4天

认识Android中的UI组件

一、组件是什么

    组件这个东西大家可能都听说过，那如果我们换一个说法来说就是：控件，这个应该会很耳熟吧。
    那么所说的这个组件到底是干嘛用的，在安卓中它起到了什么作用？为什么总称为UI组件？
    接下来呢我们一探究竟！

我们先来看一些图片：

按钮

图像，文本，输入框

可以看到图中所展示的一些UI都是安卓中的组件。我们言归正传，那组件到底是干嘛用的？我们也知道，要想构成一个用户界面，我们需要在界面上绘制各种文本、图片和可点击的图形。如果真如我所说的这样直接在界面上绘制，那肯定是理想的，那么有什么办法可以自己不用去绘制，但也能显示出来呢？对，这就是组件在发挥作用，一个组件自己绘制自己、自己操作自己、自己管理自己。如果都独立出来，那不就好说了吗。通过组件之间的相互组成，相互排列，相互调用，构成了我们所看到的用户界面。

上边也说了，组件在安卓中起到了什么作用？咱们在下边再说!

二、按钮

上代码。

    ...
    <Button
        android:id="btn_ok" <!-- 组件唯一标识 -->
        android:width="64dp" <!-- 组件宽度 -->
        android:height="32dp" <!-- 组件高度 -->
        android:text="OK" /> <!-- 按钮文本 -->
    ...

存在于：android.widget 包下。

作用：可以点击交互，可以触发事件。

按钮是组件中一个重要的组件，它可以让用户去点击，给予一个反馈效果。在用户界面中，按钮起到了一个很大的作用，可以不用，不能没有。

三、文本视图

上代码。

    ...
    <TextView
        android:id="tv_hello" <!-- 组件唯一标识 -->
        android:width="320dp" <!-- 组件宽度 -->
        android:height="64dp" <!-- 组件高度 -->
        android:gravity="center" <!-- 文本权重，文字居中 -->
        android:text="Hello" /> <!-- 文本内容 -->
        android:textColor="#FF0000" /> <!-- 文本颜色 -->
    ...

存在于：android.widget 包下。

作用：直观的看到文字信息，用于展示非点击的文本。

文本视图是按钮的父类，也是组件中一个非常重要的组件，它能让用户直观去观看文字，但还不能去点击它。比如展示一些标题和正文等。在用户界面中，文本视图也起到了一个非常大的作用，它继承于View，开发中必用的组件。

四、图像视图

上代码。

    ...
    <ImageView
        android:id="iv_avator" <!-- 组件唯一标识 -->
        android:width="64dp" <!-- 组件宽度 -->
        android:height="64dp" <!-- 组件高度 -->
        android:src="@drawable/avator" <!-- 图像引用 -->
    ...

存在于：android.widget 包下。

作用：可以展示图片，让APP更加多彩。

图像视图主要是用于展示图片，增加APP的丰富程度和色彩程度，给予用户带来效果感。它可以显示成圆形和其他形状，也可以设置点击事件，非常nice。也发挥了不小的作用呢！

五、编辑文本（输入框）

上代码。

    ...
    <EditText
        android:id="et_username" <!-- 组件唯一标识 -->
        android:width="128dp" <!-- 组件宽度 -->
        android:height="32dp" <!-- 组件高度 -->
        android:inputType="text" <!-- 输入类型 -->
    ...

存在于：android.widget 包下。

作用：可以输入文字，可以编辑文本，让用户可以输入点什么。

编辑文本最大的作用是可以让用户去输入文字，增加用户与APP的交互和体验。它也可以多行输入文本，这个还是很不错的，但是文字太多会卡顿，还是有待优化哈。

六、其他

其他组件还有什么包括：

• 开关（Switch）
• 空白（Space）
• 单选按钮（RadioButton）
• 选择框（CheckBox）
• 进度条（ProgressBar）
• 视频视图（VideoView）
• 滑动视图（ScrollView）
• 列表视图（ListView）
• 网格视图（GridView）
• 工具栏（Toolbar）
• 等等

还包括一些Jetpack里的组件，比如卡片视图，回收器视图等等。

七、总结

上边的问题我还没有回答，说组件在安卓中起到了什么作用？到这里应该很明显了，主要是为了构建出一个完整的用户界面，让用户得到最佳体验和效果。其他的一些组件可以在百度上搜一搜，看一看。好啦，想到这里了，加油哈，同学们！