uiautomatorviewer分析UI

优酷的首页布局:
这里写图片描述

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

然后看下头条处:

这里写图片描述
嵌套的也是有点多了,左右两侧的灰色条可以直接使用View,然后文本那可以使用TextView的富文本实现而不用使用两个Textview。

看下底部导航栏的实现:
这里写图片描述

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

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

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值