使用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