如何设置Android Studio绘制布局时的视图

偏执的太偏执、 2023-10-02 16:58 81阅读 0赞

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

1、首先是这个蓝色书的图标，默认都是第三个，就是设计和蓝图，但是我们并不想要蓝图，所以，选择设计就好了。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oyv5Y2OT1BQTw_size_14_color_FFFFFF_t_70_g_se_x_16]  
2、再选择这个旋转的图标，可以看到默认是Portrait（竖直排列），如果你使用的是平板模拟器，就可以选择Landscape（水平排列），UI Mode就是更换你UI的类型，一般不需要改动，其他不需要创建。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oyv5Y2OT1BQTw_size_15_color_FFFFFF_t_70_g_se_x_16]  
3、下面是夜间模式或者白天模式的选择，一般都是Not Night，这个没有什么影响。  
![在这里插入图片描述][69fba058625f44abafee0685d40e420e.png]  
4、下面是模拟器API的选择，如果勾选了第一个Auto的话，就会自动帮你选择最新的API，主要是为了让所有libs都能够在模拟器上正常使用。  
![在这里插入图片描述][7d95984e57f24ea5a395992e16f92bc0.png]  
5、下面眼睛图标有两个选项，第一个是展示系统UI，也就是会有导航栏、状态栏和标题栏。第二个是工具栏提示。  
![在这里插入图片描述][e16d947e0b3f49daa7852159be74d191.png]  
这样，我们就可以在不需要打开模拟器的情况下看看UI设计的情况，更加契合真机。

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oyv5Y2OT1BQTw_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/dab588b5f2a548b78d321c60f0ea9c46.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5oyv5Y2OT1BQTw==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oyv5Y2OT1BQTw_size_14_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/ccc9315ce7444c2e8150b41e9c279339.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5oyv5Y2OT1BQTw==,size_14,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oyv5Y2OT1BQTw_size_15_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/808f1072965040e080c46e1e97e63940.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5oyv5Y2OT1BQTw==,size_15,color_FFFFFF,t_70,g_se,x_16
[69fba058625f44abafee0685d40e420e.png]: https://img-blog.csdnimg.cn/69fba058625f44abafee0685d40e420e.png
[7d95984e57f24ea5a395992e16f92bc0.png]: https://img-blog.csdnimg.cn/7d95984e57f24ea5a395992e16f92bc0.png
[e16d947e0b3f49daa7852159be74d191.png]: https://img-blog.csdnimg.cn/e16d947e0b3f49daa7852159be74d191.png