优酷的首页布局:
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

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

相关文章:

  • 2022-12-23
  • 2021-09-13
  • 2021-08-30
  • 2022-12-23
  • 2022-12-23
  • 2021-09-15
  • 2021-11-13
  • 2022-12-23
猜你喜欢
  • 2021-10-07
  • 2021-05-08
  • 2021-10-21
  • 2021-08-02
  • 2021-07-14
相关资源
相似解决方案