发布时间 : 星期二 文章使用Android Studio分析App程序Activity的Layout布局更新完毕开始阅读
S&PS Solution Tips
主题
使用Android Studio分析App程序Activity的Layout布局
适用范围
? ?
Android Mobility Android Studio
解决方案
在Android Studio中，通过Hierarchy工具，可以查看App程序Activity的Layout布局情况。 可以方便我们：
? 分析和解决App程序一些界面UI的bug。
? 了解和学习其他App程序界面UI设计和开发的思路。
1、在Android Studio打开Tool——Android——Android Device Monitor。
2、连接上设备（模拟器），打开“Dump View Hierarchy for UI Automator”。
1 | Page
S&PS Solution Tips
3、这时Android Studio将会打开新窗口，可以看到当前设备打开页面上的布局图示。新窗口由3部分组成：
第1部分为当前页面的缩略图示。
第2部分是当前页面的Layout布局解析。
第3部分为选择的界面Layout或控件元素的属性。
点击第1部分的Layout元素，第2部分会把焦点切换到对应的元素上。同理，点击第2部分的元素，也会触发第1部分的对应元素。
2 | Page
S&PS Solution Tips
4、将鼠标停留在标题上，可以看到当前的布局信息已被生成在一个临时文件。通过访问该文件路径，可以将布局信息文件保存，在其他电脑导入打开。方便将信息保留和分享。 注意：布局信息文件由两个文件组成，一个为uix文件，一个为png图片文件。
3 | Page
S&PS Solution Tips
5、在其他电脑导入布局信息方法如下：
在“Android Device Monitor”打开File——Open File。
选择uix文件，打开。
这时打开了uix，会提示点击“Specify Screenshot”。
4 | Page