android ui分析 - 今日头条UI主界面

Dump View Hierarchy for UI Automator

上篇文章使用Hierarchy Viewer工具分析了今日头条UI的整体结构，由分析结果可以看到，主界面(也就是MainActivity)里边的逻辑是最复杂的，嵌套了好几层的内容，和新闻/资讯相关的所有内容都在这个Activity里边。其它的Activity职责相对来说比较简单(或者说清晰)，即一个Activity就做一件事情(SplashActivity就是开屏的内容，BaseSettingActivity就是设置，而BrowserActivity就是载入不同的网页)。

但是如果我们想分析主界面的UI结构该怎么办呢？两种选择：

1. Hierarchy Viewer的tree view模式

   其实这个模式更适合用于分析layout，来进行优化

2. Dump View Hierarchy for UI Automator

   这个模式则更加适合用于具体界面的UI结构分析，很直观

UI主界面结构分析

主界面有4个tab，分别是”首页”(有时会变成”刷新”)，”话题”，”发现”，”我的”。如下图所示：

主界面整体结构

按照由整体到局部的顺序来分析，主界面使用了流行的tab布局，并且4个tab