Hierarchy Viewer tool in android. ppt discusses the advantages of using this tool with an example.

1. Hierarchy Viewer

2. What is Hierarchy Viewer ?
● It's a tool. <Android SDK>/tools
● Layout performance analyzer.
● Works ONLY with developer version of
android.

3. How to use it ?
1. Connect device / Start Emulator.
2. Launch your app.
3. From terminal, run hierarchyviewer.
<Android SDK>/tools $ hierarchyviewer

4. Demo App

5. UI

6. Hierarchy Viewer Window
Load View Hierarchy
Foreground Activity
Go to pixel perfect
window

7. Layout Hierarchy
Tree Overview
Pane
Property
View Pane
Tree View
Pane
Tree Overview
Pane

8. Individual View
Info

9. DEMO I

10. Adapter View I
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android">
<ImageView android:id="@+id/pic" />
<LinearLayout android:id="@+id/Description">
<LinearLayout android:id="@+id/Data">
<TextView android:id="@+id/title"/>
<TextView android:id="@+id/date"/>
</LinearLayout>
<TextView android:id="@+id/info"/>
</LinearLayout>
<ImageButton android:id="@+id/more"/>
</LinearLayout>

12. ListView
Adapter View

13. DEMO II

14. Adapter View II
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android">
<ImageView android:id="@+id/pic"
android:layout_alignParentLeft="true"/>
<TextView android:id="@+id/title"
android:layout_alignTop="@+id/pic" android:layout_toRightOf="@+id/pic"/>
<TextView android:id="@+id/date"
android:layout_alignParentRight="true" android:layout_alignTop="@+id/pic"/>
<TextView android:id="@+id/info"
android:layout_below="@+id/title" android:layout_toRightOf="@+id/pic"/>
<ImageView android:id="@+id/more"
android:layout_alignParentRight="true" android:layout_centerVertical="true"/>
</RelativeLayout>

16. ListView
Adapter View

17. Conclusion
ListView
Adapter View
57.621 ms
4.52 ms
38.334 ms
3.673 ms
DEMO I
DEMO II
●
Easy to use.
●
Boosts design and analysis.
●
Increases UI performance.

18. Thank U.
Badrinath Kulkarni
www.ibadrinath.in
Twitter : @iBadrinath