目录
前言
一、总体步骤
二、详细步骤
三、总结
四、更多资源
前言
在Android Studio中，你可以使用布局编辑器来绘制应用程序的用户界面。布局编辑器提供了一个可视化界面，可让你以所见即所得的方式布局和设计应用程序的视图。
一、总体步骤
- 打开Android Studio并打开你的项目。
- 在项目中找到res文件夹，然后在该文件夹中找到layout文件夹。如果没有layout文件夹，则可以手动创建一个。
- 打开layout文件夹，并在其中创建一个新的XML布局文件，或者打开已存在的XML布局文件。
- 在布局XML文件中，你将看到一个设计视图和一个代码视图。默认情况下，设计视图处于活动状态。
- 在设计视图中，你可以拖拽和调整视图元素，例如按钮、文本框和图像视图，来创建你的布局。
- 按照你的需求将视图元素放置在布局中，可以使用约束布局、线性布局或其他支持的布局方式。你可以在属性检查器中调整视图元素的属性，例如宽度、高度和内边距。
- 在设计视图中，你还可以使用辅助线和网格来帮助你对齐视图元素。这些工具可以在顶部工具栏中的“布局编辑器”选项中进行配置。
- 如果需要在设计视图和代码视图之间进行切换，可以使用选项卡或使用快捷键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绘制布局时的视图。开始绘制你的布局吧！
四、更多资源
✨还可以关注宫纵号《编程乐学》，菜单栏有很多优质的开源项目以及更多的编程资料等你来学习。
