uiautomatorviewer分析UI

优酷的首页布局:
uiautomatorviewer分析UI

首先看下搜索框那的布局:
uiautomatorviewer分析UI
可以看出是使用了相对布局作为父布局,搜索布局用线性布局里边嵌套ImageView与TextView实现,线性布局的背景应该是灰色的框了(而且应该使用了点九图片),右边两个图标那的布局嵌套就有点深了。
说下如果是我的话实现的逻辑吧:我会整体使用个线性布局,然后左侧的就按照现在的来写了,右侧的两个图标那用FrameLayout嵌套一些View实现。

然后看下头条处:

uiautomatorviewer分析UI
嵌套的也是有点多了,左右两侧的灰色条可以直接使用View,然后文本那可以使用TextView的富文本实现而不用使用两个Textview。

看下底部导航栏的实现:
uiautomatorviewer分析UI

使用了FrameLayout嵌套LinearLayout实现的,里边的LinearLayout猜测是为了完全居中所以嵌套了一层,其实可以直接用一个LienarLayout实现的,添加个属性gravity=“center“应该就行了。

再看下之前怀疑的WebView实现的蚂蚁森林(因为感觉这个功能比较动态化的,没有更新app或者下载补丁就能更新功能),这个还真是用WebView实现的,只不过头布局的话实现的也有点复杂了:
uiautomatorviewer分析UI

其他的布局如果有兴趣的话可以自己也看下实现的,上面我只是看下自己感兴趣的实现,欢迎拍砖。