目录

前言

一、总体步骤

二、详细步骤

三、总结

四、更多资源

---

前言

        在Android Studio中，你可以使用布局编辑器来绘制应用程序的用户界面。布局编辑器提供了一个可视化界面，可让你以所见即所得的方式布局和设计应用程序的视图。

一、总体步骤

1. 打开Android Studio并打开你的项目。
2. 在项目中找到res文件夹，然后在该文件夹中找到layout文件夹。如果没有layout文件夹，则可以手动创建一个。
3. 打开layout文件夹，并在其中创建一个新的XML布局文件，或者打开已存在的XML布局文件。
4. 在布局XML文件中，你将看到一个设计视图和一个代码视图。默认情况下，设计视图处于活动状态。
5. 在设计视图中，你可以拖拽和调整视图元素，例如按钮、文本框和图像视图，来创建你的布局。
6. 按照你的需求将视图元素放置在布局中，可以使用约束布局、线性布局或其他支持的布局方式。你可以在属性检查器中调整视图元素的属性，例如宽度、高度和内边距。
7. 在设计视图中，你还可以使用辅助线和网格来帮助你对齐视图元素。这些工具可以在顶部工具栏中的“布局编辑器”选项中进行配置。
8. 如果需要在设计视图和代码视图之间进行切换，可以使用选项卡或使用快捷键Ctrl + Tab (Windows)或Cmd + Option + <- (Mac)来切换。

二、详细步骤

        我们在设计layout的时候，使用Split视图，就是左侧是代码，右侧是设计图，但是我们忽视了最上方的工具栏，这里才是真正的宝藏。下面教大家如何调出这个模拟器界面。

        1.首先是这个蓝色书的图标，默认都是第三个，就是设计和蓝图，但是我们并不想要蓝图，所以，选择设计就好了。

        2.再选择这个旋转的图标，可以看到默认是Portrait（竖直排列），如果你使用的是平板模拟器，就可以选择Landscape（水平排列），UI Mode就是更换你UI的类型，一般不需要改动，其他不需要创建。

        3.下面是夜间模式或者白天模式的选择，一般都是Not Night，这个没有什么影响。

        4.下面是模拟器API的选择，如果勾选了第一个Auto的话，就会自动帮你选择最新的API，主要是为了让所有libs都能够在模拟器上正常使用。

 

        5.下面眼睛图标有两个选项，第一个是展示系统UI，也就是会有导航栏、状态栏和标题栏。第二个是工具栏提示。

        这样，我们就可以在不需要打开模拟器的情况下看看UI设计的情况，更加契合真机。 

三、总结

        在设计视图中绘制布局的同时，Android Studio会自动生成对应的XML代码。你可以在代码视图中查看和编辑XML代码，以便进行更精细的调整和设置。当你对布局的外观感到满意后，可以通过运行你的应用程序来预览布局在真机或模拟器上的效果。

        希望这些步骤能帮助你设置Android Studio绘制布局时的视图。开始绘制你的布局吧！

四、更多资源

           ✨还可以关注宫纵号《编程乐学》，菜单栏有很多优质的开源项目以及更多的编程资料等你来学习。