布局检测与优化(三),Android架构师教你如何突破瓶颈

UI检测的工具,Hierarchy Viewer和Layout Inspector。

Hierarchy Viewer官方地址

Layout Inspector官方地址

虽然Hierarchy Viewer已经废弃了,但感觉还是有必要介绍一下的。

Hierarchy Viewer

工具打开方式

AS版本:3.3.2 打开方式:

  • 本地安装SDK目录->sdk->tools->monitor.bat

老版的AS打开方式:

  • 本地安装SDK目录->sdk->tools->hierarchyviewer.bat

  • Android Studio : 工具栏->Tools->Android->Android Device Monitor

  • 在命令行输入 hierarchyviewer

工具的使用
设备连接(真机需要手机root权限)

成功后左侧Windows小手机会看到设备信息

在这里插入图片描述

打开Hierarchy View

点击Window->Open Perspective->Hierarchy View

在这里插入图片描述

若期间出现此问题

在这里插入图片描述

选择使用本地IP,并关闭,重新启动即可

在这里插入图片描述

此时,应该会看到如下图了:

在这里插入图片描述

  • Tree View:显示视图层次结构的树视图。 可以使用鼠标拖动并放大树底部的缩放控件

  • Tree Overview:为应用程序的完整视图层次结构提供鸟瞰图。 移动灰色矩形以更改树视图中可见的视口。

  • Layout View:显示布局的线框视图。 当前所选视图的轮廓为红色,其父视图为浅红色。单击此处的视图也会在树视图中选择它,反之亦然。

  • hierarchy view 视图层次结构是布局的快照,因此不会自动更新。 要更新层次结构视图,点击右上角蓝色金字塔(Reload the view hierarchy)。

  • 要想保存Tree View,点击右上角蓝色金字塔左边小文档,左边是PNG格式,右边是PS的PSD格式。

获取布局的绘制
  • 选择一个节点,点击Profile Mode按钮,可以获取到布局绘制的时间,如图:

![在这里插

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

入图片描述](https://img-blog.csdnimg.cn/20190514192046618.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4MTkwNjUz,size_16,color_FFFFFF,t_70)

  • 绿:表示该View的此项性能比该View Tree中超过50%的View都要快;例如,一个绿点的测量时间意味着这个视图的测量时间快于树中的视图对象的50%。

  • 黄: 表示该View的此项性能比该View Tree中超过50%的View都要慢;例如,一个黄点布局意味着这种观点有较慢的布局时间超过50%的树视图对象。

  • 红: 表示该View的此项性能是View Tree中最慢的;例如,一个红点的绘制时间意味着花费时间最多的这一观点在树上画所有的视图对象。

布局性能分析
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值