码迷,mamicode.com
首页 > 移动开发 > 详细

Android Studio下HierarchyViewer的使用

时间:2017-08-21 17:01:57      阅读:526      评论:0      收藏:0      [点我收藏+]

标签:androi   dia   标题   分享   oid   .net   button   简单   sdk   

什么是HierarchyViewer

Hierarchy Viewer是随AndroidSDK发布的工具,位置在tools文件夹下,名为hierarchyviewer.bat。它是Android自带的非常有用而且使用简单的工具,可以帮助我们更好地检视和设计用户界面(UI),绝对是UI检视的利器,下面来详细介绍如何在Android Studio开发环境下使用Hierarchy Viewer。

如何在Android Studio开发环境下使用HierarchyViewer

1.启动模拟器,通过模拟器运行你的应用

※HierarchyViewer是无法连接真机进行调试
技术分享
 
布局文件如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.why.project.confirmcanceldialogdemo.MainActivity">

    <Button
        android:id="@+id/btn_confirm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确定对话框"/>

    <Button
        android:id="@+id/btn_confirmcancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确定取消对话框"/>

    <Button
        android:id="@+id/btn_confirmcancelbetween"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确定取消保存对话框"/>

    <Button
        android:id="@+id/btn_notitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="没有标题的对话框"/>

    <Button
        android:id="@+id/btn_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="内容很多的对话框"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ConfirmCancelDialog" />
</LinearLayout>

2.打开Android Device Monitor

APP先运行起来再使用Android Device Monitor 

依次点击菜单Tools>Android>Android Device Monitor,如下图:

技术分享

 技术分享

 技术分享

 3.进入Android Device Monitor界面,打开HierarchyViewer

技术分享

技术分享

4.加载出当前Activity的节点,可选中进行分析

技术分享

技术分享

附录1 将Tree View保存成图片

技术分享

附录2 显示每个View节点的性能指标(颜色点)以及Measure、Layout、Draw的耗时的耗时

 选中某一个View,然后点击色板图标
技术分享

技术分享

参考资料:

Android Studio下HierarchyViewer的使用

在Android Studio下使用Hierarchy Viewer

AndroidStudio中如何打开hierarchyviewer

 

Android Studio下HierarchyViewer的使用

标签:androi   dia   标题   分享   oid   .net   button   简单   sdk   

原文地址:http://www.cnblogs.com/whycxb/p/7390994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!