Android studio 查看页面布局层次结构工具使用教程
2018-03-02 16:49
691 查看
android studio个可以查看手机上app页面布局层次的工具。可以协助我们对布局进行优化,去掉没有必要的节点等,通过这个工具可以清晰的看见页面整个结构;废话少说直接上图,再说过程。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202006/05/5dd11694bd012a8ab88eeb5a3d5fffdb)
这就是我们想要看到的,每个节点都很清晰的展现在我们面前。接下来我们看如何进入到这个页面,包括每部分都是什么功能。
第一步:在android studio中按照下面箭头所指的顺序依次打开工具
![](https://oscdn.geek-share.com/Uploads/Images/Content/202006/05/3fdf5e4abfd4784202e9debb5092a83c)
第二步:(以下标号对应下面截图箭头指向的位置)
1.选择在线的设备列表 -->在这个设备上打开你要查看的页面布局结构
2.点击这个手机图标,稍等几秒
3.鼠标定位到你要查看布局的位置
4.显示你要查看的布局结构
5.定位到节点的详细信息
6.内存占用分析
![](https://oscdn.geek-share.com/Uploads/Images/Content/202006/05/813caa98133c11a8e03010daacbc66af)
总结:
根据以上步骤就完成这个简单工具的使用,哪些节点是没用的可以去掉或者可以替代的就清晰的展现你眼前了。
这就是我们想要看到的,每个节点都很清晰的展现在我们面前。接下来我们看如何进入到这个页面,包括每部分都是什么功能。
第一步:在android studio中按照下面箭头所指的顺序依次打开工具
第二步:(以下标号对应下面截图箭头指向的位置)
1.选择在线的设备列表 -->在这个设备上打开你要查看的页面布局结构
2.点击这个手机图标,稍等几秒
3.鼠标定位到你要查看布局的位置
4.显示你要查看的布局结构
5.定位到节点的详细信息
6.内存占用分析
总结:
根据以上步骤就完成这个简单工具的使用,哪些节点是没用的可以去掉或者可以替代的就清晰的展现你眼前了。
相关文章推荐
- Android Studio查看一个页面的布局层次结构
- 使用Android studio 查看其它app的布局的结构
- jQuery EasyUI使用教程之创建Web页面的边框布局
- android studio使用教程(六) project和module gradle脚本查看
- 使用Android Studio搭建Android源码查看工具
- ModernUI教程:使用预定义的页面布局
- 谷歌开发工具 Android Studio 使用简单教程
- 【使用教程】论Windows下必备的抓包工具Fiddler2如何安装证书(查看Https)
- 菜鸟教程之工具使用(二)——Maven打包非规范目录结构的Web项目
- 使用CSS的position属性控制页面布局的入门教程
- 扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面
- eclipse enable to open external editor 和 设置查看页面源代码的默认使用工具
- Android Studio 使用教程(六)之查看Logcat调试信息
- [导入] 转[教程] 学习如何使用有趣的自定义标记来布局页面!
- 谷歌开发工具Android Studio安装使用图文教程
- Android Studio 使用笔记:工具窗口浮动与布局恢复
- Android Studio 使用教程(九)之项目目录结构介绍
- 谷歌开发工具Android Studio安装使用图文教程
- Reveal使用教程-使用Reveal查看任意iOS App的图层结构
- 菜鸟教程之工具使用(二)——Maven打包非规范目录结构的Web项目