<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HierarchyViewer &#8211; Wiebe Elsinga</title>
	<atom:link href="http://wiebe-elsinga.com/blog/tag/hierarchyviewer/feed/" rel="self" type="application/rss+xml" />
	<link>http://wiebe-elsinga.com/blog</link>
	<description>Blog</description>
	<lastBuildDate>Fri, 21 Oct 2011 04:18:12 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.1</generator>
	<item>
		<title>How-To: Debug Android UI</title>
		<link>http://wiebe-elsinga.com/blog/debug-android-ui/</link>
					<comments>http://wiebe-elsinga.com/blog/debug-android-ui/#respond</comments>
		
		<dc:creator><![CDATA[W.Elsinga]]></dc:creator>
		<pubDate>Tue, 15 Mar 2011 00:47:53 +0000</pubDate>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[HierarchyViewer]]></category>
		<category><![CDATA[Layoutopt]]></category>
		<guid isPermaLink="false">http://wiebe-elsinga.com/blog/?p=542</guid>

					<description><![CDATA[When debugging an Android application it’s important to look at the structure of the UI. There are tools that help you visualize the UI. Inside this article I will be explaining two tools: Hierarchy Viewer Layoutopt Hierarchy Viewer The Hierarchy Viewer application provides a visual representation of the layout&#8217;s View hierarchy (the Layout View) and a magnified inspector of the display (the Pixel Perfect View). So lets run the tool. Connect your device or launch an emulator From a terminal, launch hierarchyviewer from your SDK /tools directory. In the window that opens, you&#8217;ll see a list of Devices. When a device is selected, a list of currently active Windows is displayed on the right. The focused window is the window currently in the foreground, and also the default window loaded if you do not select another. Select the window that you&#8217;d like to inspect and click Load View Hierarchy. The Layout View will be loaded. You can then load the Pixel Perfect View by clicking the second icon at the bottom-left of the window. Layoutopt Layoutopt is a command line tool which can analyse a layout resource file and tell you what is not required. So lets run the tool. From a terminal, launch layoutopt from your SDK /tools directory. The argument is a space- delimited list of resources you want to analyze, either non-compiled resource xml files or directories of such files.]]></description>
										<content:encoded><![CDATA[<p>When debugging an Android application it’s important to look at the structure of the UI. There are tools that help you visualize the UI. Inside this article I will be explaining two tools:</p>
<ul>
<li>Hierarchy Viewer</li>
<li>Layoutopt</li>
</ul>
<p><span id="more-542"></span></p>
<h2>Hierarchy Viewer</h2>
<p>The <a href="http://developer.android.com/guide/developing/tools/hierarchy-viewer.html">Hierarchy Viewer</a> application provides a visual representation of the layout&#8217;s View hierarchy (the Layout View) and a magnified inspector of the display (the Pixel Perfect View). So lets run the tool.</p>
<ol>
<li>Connect your device or launch an emulator</li>
<li>From a terminal, launch <strong>hierarchyviewer</strong> from your SDK /tools directory.</li>
<li> In the window that opens, you&#8217;ll see a list of Devices. When a device is selected, a list of currently active Windows is displayed on the right. The <em>focused window</em> is the window currently in the foreground, and also the default window loaded if you do not select another.</li>
<li> Select the window that you&#8217;d like to inspect and click Load View Hierarchy. The Layout View will be loaded. You can then load the Pixel Perfect View by clicking the second icon at the bottom-left of the window.</li>
</ol>
<p><a href="http://wiebe-elsinga.com/blog/wp-content/uploads/2011/03/HierarchyViewer.gif" rel="lightbox[542]" title="HierarchyViewer"><img loading="lazy" class="aligncenter size-thumbnail wp-image-543" title="HierarchyViewer" src="http://wiebe-elsinga.com/blog/wp-content/uploads/2011/03/HierarchyViewer-150x150.gif" alt="" width="150" height="150" /></a></p>
<h2>Layoutopt</h2>
<p><a href="http://developer.android.com/guide/developing/tools/layoutopt.html">Layoutopt</a> is a command line tool which can analyse a layout resource file and tell you what is not required. So lets run the tool.</p>
<ol>
<li>From a terminal, launch <strong>layoutopt</strong> from your SDK /tools directory.</li>
<li>The argument is a space- delimited list of resources you want to analyze, either non-compiled resource xml files or directories of such files.</li>
</ol>
<p><a href="http://wiebe-elsinga.com/blog/wp-content/uploads/2011/03/Layoutopt.gif" rel="lightbox[542]" title="Layoutopt"><img loading="lazy" class="aligncenter size-thumbnail wp-image-544" title="Layoutopt" src="http://wiebe-elsinga.com/blog/wp-content/uploads/2011/03/Layoutopt-150x150.gif" alt="" width="150" height="150" /></a></p>
]]></content:encoded>
					
					<wfw:commentRss>http://wiebe-elsinga.com/blog/debug-android-ui/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
