第一课：构建简单的界面（基于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 （因为它现在处于关闭状态）。

7. 点击工具栏中的 Default Margins， 然后选择 16（您稍后仍然可以调整每个视图的外边距）。

8. 点击工具栏中的 Device in Editor， 然后选择 Pixel XL。