Hierarchy_Viewer
Hierarchy Viewer是帮助调试和优化 UI 的可视化工具，使用它能够更方便地获取 UI 的布局结构和各种属性，同时也可以学习其他 App 的巧妙布局，给自己的界面布局时提供思路。
- 连接真机或启动模拟器。
- 启动想要调试的应用，确认 UI 是可见的。
- 在终端或者是Device Monitor中启动Hierarchy Viewer,hierarchyviewer工具在 Mac OSX下的路径为Uers/Library/Android/sdk/tools/hierarhyviewer。
- 选择想要查看的 UI 布局的 Activity。
- 然后会跳转到 View Hierarchy 的界面查看各种 View 及 ViewGroup 的关系。
在主窗口中我们可以看到各种 ViewGroup 及 View 的包含关系，同时也可以发现最外层的 View 并不是我们在 xml 文件里面定义的 ViewGroup，而是PhoneWindow 的 DecorView。
点击每个 view 可以看到它对应的界面，还有 Measure,Layout,Draw的时间，如果显示的是 n/a,则可以点击上方Profile Node按钮来查看具体的时间，一下 View 下面还显示了三个圆，分别代表在Measure,Layout,Draw过程中的耗时所占百分比，有红黄绿三种颜色，绿色代表耗时少于其他百分之五十的 View，黄色代表耗时多于其他百分之五十的 View，红色则代表耗时最长。
Pixel Perfect帮助开发者从细节上更好地观察界面效果，点击 Hierarchy Viewer工具左下角类似九宫格的图标就可以进入，左边窗格是当前界面的所有 View 列表，中间窗格是放大视图，右边窗格是界面全局视图。 中间窗格能够放大指定位置的图案，呈现像素级放大，还可以导入覆盖图来查看其图片细节。