Hierarchy Viewer
What is Hierarchy Viewer ?
● It's a tool. <Android SDK>/tools
● Layout performance analyzer.
● Works ONLY with developer v...
How to use it ?
1. Connect device / Start Emulator.
2. Launch your app.
3. From terminal, run hierarchyviewer.
<Android SD...
Demo App
UI
Hierarchy Viewer Window

Load View Hierarchy

Foreground Activity

Go to pixel perfect
window
Layout Hierarchy

Tree Overview
Pane

Property
View Pane

Tree View
Pane

Tree Overview
Pane
Individual View
Info
DEMO I
Adapter View I
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/andr...
ListView

Adapter View
DEMO II
Adapter View II
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/a...
ListView

Adapter View
Conclusion
ListView

Adapter View

57.621 ms

4.52 ms

38.334 ms

3.673 ms

DEMO I

DEMO II

●

Easy to use.

●

Boosts de...
Thank U.
Badrinath Kulkarni
www.ibadrinath.in
Twitter : @iBadrinath
Hierarchy viewer
Hierarchy viewer
Upcoming SlideShare
Loading in …5
×

Hierarchy viewer

937 views

Published on

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

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
937
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Hierarchy viewer

  1. 1. Hierarchy Viewer
  2. 2. What is Hierarchy Viewer ? ● It's a tool. <Android SDK>/tools ● Layout performance analyzer. ● Works ONLY with developer version of android.
  3. 3. How to use it ? 1. Connect device / Start Emulator. 2. Launch your app. 3. From terminal, run hierarchyviewer. <Android SDK>/tools $ hierarchyviewer
  4. 4. Demo App
  5. 5. UI
  6. 6. Hierarchy Viewer Window Load View Hierarchy Foreground Activity Go to pixel perfect window
  7. 7. Layout Hierarchy Tree Overview Pane Property View Pane Tree View Pane Tree Overview Pane
  8. 8. Individual View Info
  9. 9. DEMO I
  10. 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>
  11. 11. ListView Adapter View
  12. 12. DEMO II
  13. 13. 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>
  14. 14. ListView Adapter View
  15. 15. 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.
  16. 16. Thank U. Badrinath Kulkarni www.ibadrinath.in Twitter : @iBadrinath

×