一起Talk Android吧（第三百二十六回：Android中的布局编辑器）

Posted 2022-04-14 talk_8

各位看官们，大家好，上一回中咱们说的是android中网络通信之TCP通信模型的例子,这一回中咱们的例子是布局编辑器。闲话休提，言归正转。让我们一起Talk Android吧！

看官们，Android中做UI界面开发时通常使用xml代码直接去编写，主要是UI工具不好用。最近我在2020.3.1版本上使用UI工具开发UI界面时发现UI工具已经很好用了，于是决定放下旧的思路（使用代码编辑UI界面）转向使用UI工具来开发UI界面，为此专门学习了官方文档。

在官方文档中UI工具有专门的名字：布局编辑器，这就是本章回的主角。布局编辑的官方文档写的非常详细，学习完官方文档后可以直接使用布局编辑器进行UI界面开发。不过对于官方文档中的内容，我做了一些自已的理解和补充，具体如下：

更改预览外观

默认是Design + Blueprint.我感觉Design就足够用了，Blueprint还会占用屏幕空间，外观可以选择Design。

屏幕方向和布局变体

屏幕方向可以选择横屏还是竖屏。还可以创建自定义的布局。布局变体主要指控件风格是手机、平板、电视、手表等其中的任何一种。

设备类型

可以选择手机、平板、电视、手表等。这个会影响屏幕的大小和尺寸。

Language

这个是比较好的内容，可以在不运行程序的情况下调试多种语言下的控件尺寸。

向视图中添加示例数据

这个就是套用一些现在的模板，比如我操作了TextView，就会有姓名、日期、电话号码等模板供选择。

显示布局警告和错误

这个内容还是比较有用的，通过警告或者错误可以及时修改其中出现的问题。

最后我分享我的使用体验：
布局编辑器使用起来和ios的故事板类似，以拖拽操作为主，可以当作是所见即所得式的开发。布局编辑左侧是控件集合、中间是主设计界面，右侧是被选中控件的各种属性面板。这些内容和故事板相比十分相似，不过界面上的控件必须添加约束，不然无法使用，而故事板中则不是必须添加约束，不添加约束也可以使用，但是不能兼容大小不同的屏幕。

在UI界面的代码方面，布局编辑器比故事板做的好，特别是分隔模式下可以同时编辑UI界面的代码和拖拽控件，而且有些属性可以直接通过代码来设置，直观的代码有助于多人合作和代码管理，这点有助于团队合作开发。

以上是我的个人使用体验，欢迎大家在评论区交流讨论自已的使用体验。

看官们，关于Android中布局编辑器的例子咱们就介绍到这里，欲知后面还有什么例子，且听下回分解！