Hierarchy Viewer
Hierarchy Viewer经常被用来分析和优化UI布局,关于这方面有很多的文章,包括google官方的文档。
除了这些,它还可以帮助我们分析app的UI结构。
这篇文章以”今日头条”为例,借助于Hierarchy Viewer简单分析一下该app的UI整体结构。
今日头条UI整体结构
先贴上我简单分析的结果,app版本为4.9.5
如何分析
其实很简单,主要使用的是Hierarchy Viewer的window section view视图,如下
然后就是操作app,一个一个点击,看看是跳转到了新的activity,还是在当前的activity
分析过程中的发现
分析过程中会发现一些”有趣”的现象
- Dialog
- PopupWindow
Dialog
首先看看Hierarchy View捕捉到的dialog的情况:
其对应的app界面为