Android 利用Hierarchy Viewer工具学习别人的UI设计

  在Android 工具栏里面,地址:D:\Program Files\android-sdk-windows\tools  目录下打开此工具:

  此工具名为:层级观察器

  本篇文章将教大家如何利用层级观察器查看和优化自己的UI层次关系或者看别人应用程序UI的布局结构,双击该处理文件,显示如下 图:

  左边为设备列表名称,如果你开启多个设备将会一一列出你当前运行的设备,包括真机。

  右边是当前设备列表运行的Acitivity ,即你当前运行的Activity 对应的UI布局,本篇将使用Android 自身的音乐播放器,来操作得到UI布局结构,这里的我们要点击com.android.music/com.android.music.MediaPlaybackActivity 项,选中它,到上面点击Load View Hierarchy 项,右下角将会出现加载进度条,然后将加载的View 结构显示出来,如下图:

  左边为UI 的关系图,右边为每个View 的属性(必须选中任意View 对象)和结构草图底下是关系图的缩略图,底下进度条可以控制关系的显示大小,左下角两个按钮为缩略显示和列表显示方式,先把列表显示方式为如下图:

  左边为布局中使用的ViewGroup和View 的关系结构图,点中任意的一个View 对象右边都会帮我们获得焦点,右边为显示当前Activity 在真机运行的效果图,我记得有个朋友在QQ群问过,有没有什么工具可以得到坐标的,其实这个工具就可以坐到,看最右下角,分别为RGB 和XY 轴,我们点击屏幕的任意为置,它都会帮我们算出来当前显示的值,怎么样是不是很实用的一个工具。快去试试吧。

  Tip:最上边的导航还可以帮们把VIEW结构生成PSD图或者做快速的切换设备动作。

时间: 2024-11-05 14:42:22

Android 利用Hierarchy Viewer工具学习别人的UI设计的相关文章

提升Android应用视觉吸引效果的10个UI设计技巧

在Android应用开发中,风格和设计或许不是最关键的要素,但它们在决定Android应用成功与否上确实扮演重要的角色.以下是10个Android应用的UI设计技巧,还有个附加技巧,能够提供你的Android应用的视觉吸引力. 技巧1:使用大小适当的图像 在图像方面,许多Android应用开发者采用的是大小单一的做法.尽管这会使资源管理变得更为简单,但就应用的视觉吸引力而言,这是个错误的做法.要让应用呈现出最佳的视觉效果,那么就应当针对具体的设备屏幕设计不同的图像.最适当的图像才能构建出最棒的用

Android L:令iPhone用户眼馋的UI设计

如果你是一个狂热的Android粉丝,那么在未来几个月中一定会发现很多变化.其中,便是Material Design全新设计语言带来的界面效果,这是一个简洁.流畅.多彩的新界面,将横跨手机.平板.智能手表等多种平台,实现统一的使用体验.事实上,除了整体外观的变化,Material Design还拥有各种交互及视觉上的变化,很多部分都要比苹果的iOS 8更加赏心悦目,下面就是几个值得关注的部分:以颜色突出重点Material Design的重要组成部分是颜色,并且通过不同颜色来突出重点,增强使用体

关于android工具hierarchy viewer的使用问题

问题描述 关于android工具hierarchy viewer的使用问题 最近看到一篇论文,其中提到使用hierarchy viewer来获取控件的坐标,但是据我所知hierarchy viewer想要获取控件的坐标需要首先知道控件的id.所以怎么才能实现获取所有控件坐标的功能,需要先获取所有控件的id吗?如果需要获取id的话,那怎么实现呢? 解决方案 可以反射遍历界面得到控件 解决方案二: android 如何使用hierarchy viewerHierarchy Viewer工具的使用An

android工具hierarchy viewer使用问题

问题描述 android工具hierarchy viewer使用问题 有没有大神知道怎么使用hierarchy viewer得到一个anroid应用中所有控件的id或者直接得到控件的坐标信息? 好像使用hierarchy viewer控件手动点击某个控件可以显示坐标,但是控件太多的话手动查看不靠谱啊,能不能通过程序或工具自动获得啊 解决方案 Android Hierarchy Viewer的使用android 如何使用hierarchy viewerHierarchy Viewer工具的使用 解

Android可视化调试工具Hierarchy Viewer的使用

Android的SDK工具包中,有很多十分有用的工具,可以帮助程序员开发和测试Android应用程序,大大提高其工作效率.其中的一款叫Hierachy Viewer的可视化调试工具,可以很方便地帮助开发者分析,设计,调试和调整UI界面,提高开发效率.本文将以一个实际例子讲解如何使用该款工具运用在Android的开发过程中. 1 设计界面 在我们的这个例子中,有三个不同的界面,以方便我们演示使用Hierarchy Viewer.每一个界面都使用了LinearLayout和FrameLayout布局

Android官方命令深入分析之Hierarchy Viewer

Hierarchy Viewer允许你调试和优化用户界面.它提供了一个层可视的方式来显示. 启动Hierarchy Viewer,如下: 在Android Studio中,选择Tools > Android Device Monitor. 进入SDK tools文件夹,在命令行输入 monitor

Pury — 一个新的 Android App 性能分析工具

本文讲的是Pury - 一个新的 Android App 性能分析工具, 手机应用存在的目的,就是在帮助用户做他们想做的事情的同时,提供最好的用户体验 -- 而用户体验的重中之重是应用的性能.但有时候开发者们却以性能为借口,既没有达到既定目标,又写着低质量并难以维护的代码.在这里我想引用 Michael A. Jackson 的一句话: "程序优化守则第一条:别去做它.程序优化守则第二条(仅限于专业人员):别去做它,现在还不是时候." 在开始任何优化之前,我们要先认清问题的症结所在.

Android利用ViewPager实现用户引导界面效果的方法_Android

本文实例讲述了Android利用ViewPager实现用户引导界面效果.分享给大家供大家参考,具体如下: 我相信有很多朋友在装完软件首次打开时,有很多软件都有一个软件功能介绍, 例如刚装完微信打开它,有很多介绍微信功能的图片,并且在屏幕下方有很多小圆点提示你当前图片的位置. 今天我就来实现这么个功能 所实现的功能: 1.可以左右滑动功能图片. 2.图片的索引 看出当前图片所在的位置. 3.可循环滑动. 4.图片的索引带有动画效果. 本次学习主要是利用ViewPager实现用户引导界面 在这里,我

利用手边的工具来解决信息问题

英国<卫报>记者艾伦卢斯布里奇(AlanRusbridger)上周六采访了谷歌(微博)执行董事长埃里克施密特(Eric Schmidt),后者谈到了他对朝鲜问题.朱利安阿桑奇(Julian Assange)和隐私等一系列敏感问题的看法.以下是施密特在接受采访时发表的他各种问题的看法:关于网络的能力"我想说的是,谷歌和互联网让人们提升了他们在供应链上的等级和地位.因此人们不用再去做各种机械性的工作,而是主攻创造性的工作.创造性的工作提供了更多的就业机会,更多的收入等等.农业已经机械化了