第一课：构建简单的界面（基于AndroidStudio3.2）

markdown编辑器中可以使用的6种空格标记

        在本课中，将使用 Android Studio Layout Editor 创建一个布局，其中包括一个文本框和一个按钮。在下一课中，您会将文本框的内容发送到另一个 Activity，让应用响应按钮点按操作。
        应用的界面使用布局（ViewGroup 对象）和微件（View 对象）层次结构构建。布局是一种不可见的容器，用于控制其子视图在屏幕上的位置。微件是界面组件，例如按钮和文本框。

图 1.ViewGroup 对象如何在布局中形成分支并容纳 View 对象的图解

        Android 为 ViewGroup 和 View 类提供了一个 XML 词汇，大多数界面都在 XML 文件中定义。下面介绍如何使用 Android Studio Layout Editor 创建布局。在布局编辑器中，只需拖放视图即可构建布局，大大简化了构建工作。

一、打开布局编辑器

首先，请按照以下步骤设置您的工作区：

1. 在 Android Studio 的 Project 窗口中，打开 app > res > layout > activity_main.xml。

2. 要为布局编辑器留出更多空间，请选择 View > Tool Windows > Project 以隐藏 Project 窗口，或者点击 Android Studio 左侧的 Project ）。尽量最大化工作区。

3. 如果您的编辑器显示 XML 源代码，请点击窗口底部的 Design 标签。

4. 点击 Select Design Surface 并选择 Blueprint。

   
   
   图 2. 显示Select Design Surface

5. 点击工具栏中的 Show 并确保选中 Show Constraints。

6. 确保 Autoconnect 关闭。工具栏中的提示应为 Turn On Autoconnect （因为它现在处于关闭状态）。确保 Autoconnect 关闭。工具栏中的提示应为 Turn On Autoconnect （因为它现在处于关闭状态）。