有时候你应用程序的布局可能让应用运行缓慢。为了帮助调试布局中的问题，Android SDK提供了Hierachy Viewer和lint工具。
Hierarchy Viewer应用允许你调试和优化UI。它提供了布局View层次结构的可视化体现(View Hierachy窗口)，附有布局中每个节点的性能信息，和一个放大的显示视图(Pixel Perfect窗口)来更仔细地检查布局的像素。
Android的lint工具是一个静态代码扫描工具，可以帮助你优化应用的布局和布局层次，同时发现其他常见编码问题。你可以在布局文件或资源目录上运行它来快速检查低性能或其他会影响应用性能类型的问题。
按照这些步骤来运行Hierachy Viewer：
注：Hierarchy Viewer设备窗口
View Hierarchy窗口显示了运行设备或模拟器上的Activity UI的View对象。你可以查看整个View树上下文中的每个单独的View对象。对于每个View对象，View Hierarchy窗口也显示了渲染性能数据。
要查看View Hierarchy窗口，按照上面的部分运行Hierarchy Viewer，然后点击设备窗口上面的View Hierarchy。
你应该看到四个窗格：
Tree View：左边的窗格显示Tree View，一个显示Activity的view对象层次的图。使用Tree View检查单独的View对象以及查看UI中View对象之间的关系。
要在窗格进行缩放，使用窗格底部的滑动条，或者使用鼠标滚轮。要在窗格来回移动或显示当前不可见的View对象，点击然后拖拽窗格。
要高亮那些树中class或ID匹配一个搜索字符串的节点，在窗口底部的Filter by class or id:编辑框中输入字符串。匹配搜索字符串的节点的背景会从灰色变为浅蓝色。
要保存Tree View的一个快照到一个PNG文件中，点击View Hierarchy窗口顶部的Save As PNG。这个操作会显示一个对话框，你可以选择一个目录和文件名。
要保存你的设备或模拟器的层次结构快照到一个Adobe Photoshop(PSD)文件，点击View Hierarchy窗口顶部的Capture Layers。这个操作会显示一个对话框，你可以选择一个目录货文件名。UI中的每个View都会作为一个单独的Photoshop层存储。
在Photoshop中(或类似处理.psd文件的程序)，你可以隐藏，显示或编辑一个层，而独立于其他的。当你要保存一个层次快照，你可以检查和修改每个单独View对象的图像。这个帮助你试验设计改变。
右上角的窗格显示Tree Overview，一个代表整个Tree View窗口的小地图。使用Tree OverView来标识view tree的哪部分在Tree View中显示。
你也可以使用Tree OverView来在Tree View窗格来回移动。点击并拖拽阴影矩形覆盖一个区域来在Tree View中显示。
右中部的窗格显示Properties View，一个选中View对象的属性列表。通过Properties View，你可以检查所有属性，而不用查看你的应用源码。
属性按类分组。要查找一个单独的属性，点击左边的箭头展开一个分类名称。这个操作会显示这个分类的所有属性。
右下角的窗格显示Layout View，一块内容来代表UI。Layout View是另一种方式来导航UI。当你在Tree View中点击一个View对象，UI中它的位置会高亮。相反地，当你点击Layout View中的一块区域，Tree View中对应该区域的View对象会高亮。
Layout View中块的轮廓颜色提供额外的信息：
当前Activity的UI改变，View Hierarchy窗口不会自动刷新。要刷新它，点击窗口顶部的Load View Hierarchy。
同样，当切换到一个新的Activity时窗口也不会更新。要更新它，先点击窗口左下角的窗口选择图标。这个操作会导航回到Window Selection窗口。在这个窗口，点击新Activity的Android组件名然后点击窗口顶部的Load View Hierarchy。
下图是View Hierarchy窗口的快照。
Tree View中的每个几点代表一个单独的View。一些信息总是可见的。首先在节点的顶部，你可以看到以下信息：
当你选中一个节点，这个view的额外的信息出现在该节点上的一个小窗口中。当你点击其中一个节点，你可以看到下面信息：
下图显示了在TreeView中一个单独节点的注释快照。
View Hierarchy窗口通过提供一个静态UI显示帮助你调试应用。这个显示从你的应用打开屏幕开始。当你单步执行应用时，显示会保持不变直到你通过使其无效和请求这个View的布局来重绘它。
要在显示中重绘一个View的步骤：
手动重绘一个View允许你观察View并当你进入代码断点时一次一步检查单独View对象的属性。
View Hierarchy也帮助你识别出缓慢渲染性能。你开始通过查看View节点的红色或黄色性能指示来识别缓慢的View对象。当你单步执行你的应用，你可以判断一个View是始终缓慢还是只在特定环境下缓慢。
记住缓慢的性能不是问题的重要证据，尤其对ViewGroup对象来说。有很多子View的View对象和复杂View对象渲染很慢。
View Hierarchy窗口也帮助你查找性能问题。仅仅通过查看每个View节点的性能指示器(那些点)，你可以看到哪些View对象测量，布局和描绘最慢。从这里，你可以快速识别你首先应该查看的问题。
Pixel Perfect是一个工具来检查像素属性和从设计图中布局UI。
Pixel Perfect显示了一个当前在模拟器或设备上可视屏幕的放大图像。在这里，你可以检查屏幕图像中单独像素的属性。你也可以使用Pixel Perfect窗口来帮助你基于位图设计布局你的应用UI。
要看到Pixel Perfect窗口，运行Hierarchy Viewer，然后点击设备窗口上方的Inspect Screenshot，Pixel Perfect窗口就会出现。在这里，你看到三个窗格：
View Object窗格：这是一个当前在设备或模拟器屏幕上可视的View对象的层级列表，包括你应用的View和系统生成的View。这些用想用它们的View类列出。要查看一个View对象子View的类名，点击它左边的箭头展开View。当你点击一个View，它在右边的Pixel Perfect窗格中的位置高亮。
Pixel Perfect Loupe窗格：这是放大的屏幕图像。它由一个网格覆盖，每个方块代表一个像素。点击方块查看一个像素的信息。它的颜色和X,Y坐标出现在窗格的底部。
窗格中的洋红色十字与下一个窗格中的位置十字对应。它只会当你在下一个窗格中移动十字时移动。
要缩放图像，使用窗格底部的Zoom条，或者使用鼠标滚轮。
当你在Loupe窗格中选择一个像素，你可以在窗格的下面看到一下信息：
Pixel Perfect窗格：显示出现在模拟器中的当前可视屏幕。
使用蓝绿色十字来粗定位。拖拽图像中的十字，Loupe中的十字也会相应移动。你也可以点击Pixel Perfect窗格中的点，十字会移动到那个点。
在View Object窗格选中的View对象对应的图像会用一个框包裹来标识View对象在屏幕的位置。对于选中的对象，框是深红色的。兄弟和父View对象有一个浅红色框。既不是父也是不兄弟的View对象是白色框。
布局框可以有其他矩形在它的里面和外面，每个都表示View的部分。一个紫色或绿色矩形标示View边界框。在布局框中的一个白色或黑色框代表padding，是View对象内容和它的边界框之间的距离。一个外面的白色或黑色矩形代表margins，是View边界框和相邻View对象之间的距离。如果布局背景是黑色，padding和margin框则是白色，反之亦然。
你可以保存在Pixel Perfect中的屏幕图像为一个PNG文件。这个操作会产生一个当前屏幕的快照。要实现它，点击窗口顶部的Save as PNG。它会显示一个对话框，你可以选择文件的目录和文件名。
当你改变View对象或进入另一Activity，这些窗格不会自动刷新。要刷新Pixel Perfect窗格和Loupe pane，点击窗口顶部的Refresh Screenshot。这个操作会改变窗格，显示当前屏幕图像。你可能需要也刷新View Object窗格，点击窗口顶部的Refresh Tree来实现。
要在你调试时自动刷新窗格，在窗口的顶部设置Auto Refresh，然后用Loupe窗格底部的Refresh Rate条设置刷新频率。
你经常基于一个设计位图图像来构造UI。Pixel Perfect窗口通过允许你加载位图作为屏幕图像的overlay帮助你与位图图像匹配View布局。
使用位图图像作为覆盖的步骤：
Pixel Perfect显示覆盖在Pixel Perfect窗格的屏幕图像上。位图图像左下角(X=0, Y=max value)会以屏幕最坐下的像素(X=0, Y=max screen)为锚。
默认，覆盖有50%的透明度，允许你看到下面的屏幕图像。你可以使用Loupe窗格底部的Overlay:条调整透明度。
同时默认的，覆盖没有显示在Loupe窗格。设置窗口顶部的Show in Loupe来显示。
当你保存屏幕图像作为一个PNG文件时，覆盖没有作为屏幕快照的一部分保存。
下图显示Pixel Perfect窗口的屏幕快照。
Android lint让你分析定义应用UI的XML文件来发现视图层次的低性能。
从SDK工具16版本开始，Android layoutopt工具已经被lin工具替代。lint工具以类似layout的方式报告UI布局性能问题，并发现额外的问题。
原文链接：
http://developer.android.com/tools/debugging/debugging-ui.html
Android调试系列教程：
http://blog.csdn.net/doandkeep/article/details/45173475
Optimizing Your UI——使用Hierarchy Viewer优化UI
原文地址：http://blog.csdn.net/doandkeep/article/details/46233935
