关于HierarchyViewer的使用,学习别人优秀布局

在学习ViewGroup和Layout时我们可能会有一个疑问,如果我在Xml布局文件中不放置Layout,直接放TextView等组件的时候,它是用什么方式布局的?还有要学习别人优秀的布局怎么办?

HierarchyView.bat是Android SDK中自带了一个查看UI布局层级结构的工具。在模拟器运行的情况下,使用该工具可以将当前的Activity中的UI组件们以对象树的形式展现出来,每一个组件所包含的属性也能窥探得到。在对象树上的任意节点可以看到该节点及以下节点的显示效果。

使用HierarchyView能深入全面的理解xml布局文件,更可以通过它来学习别人优秀的布局技巧。下面是一些基本使用步骤:

(1)启动模拟器。

(2)到\android\tools\目录下(自己android-sdk安装目录),双击可以启动hierarchyviewer.bat文件,打开一个图形界面。

11111111111111111111111.png 

(3)此时我虚拟机里面运行的是一个微信demo的界面,点击cn.bw.activitys.MainWeixinActivity。然后点击Load View Hierarchy进入入下界面



2222222222222222222222.png 
这个图片上面你可以看到虚拟机当前显示界面的整个布局的分支情况(滚动鼠标可以放大。拖动鼠标可以移动),图片右下角的红色框框就是整个布局。

33333333333333333.png 

这个图片显示的是分支中的一个view。当你鼠标点击上的时候,就会显示该view在整个布局中的显示状况和位置。右下角的红色框框是该view在整个布局中的位置。
(4)当你点击Inspect Screenshot 的时候会显示下图

444444444444444.png 
图片显示的就是当前虚拟机的显示界面面,左边是该界面的树状分支结构,当鼠标点击一个布局的时候。右边布局中红色框框部分就是该view在整个布局中的位置。

(5)当模拟器activity画面改变后,点击““refresh””可以加载新的页面布局信息。

通过Hierarchy Viewer你就可以学习别人优秀的布局方式,
同时也更能更深入更全面更整体的把握xml布局文件。
体会UI和代码(java code)以及资源(res)的相互分离。


原文出处:http://www.eoeandroid.com/thread-260282-1-1.html


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值