Developers Blog

Design
Develop
Distribute

developer.android.com

Android Developers Blog

The latest Android and Google Play news for app and game developers.

Optimize your layouts

10 December 2009

<br />/* Stylesheet generated from TextMate theme<br /> *<br /> * Mac Classic<br /> * <br /> *<br /> */<br /><br />/* Mostly to improve view within the TextMate HTML viewer */<br />body {<br /> margin: 0;<br /> padding: 0;<br />}<br /><br />pre.textmate-source {<br /> margin: 0;<br /> padding: 0 0 0 2px;<br /> font-family: Monaco, monospace;<br /> font-size: 11px;<br /> line-height: 1.3em;<br /> word-wrap: break-word;<br /> white-space: pre;<br /> white-space: pre-wrap;<br /> white-space: -moz-pre-wrap;<br /> white-space: -o-pre-wrap;<br />}<br /><br />pre.textmate-source.mac_classic {<br /> color: #000000;<br /> background-color: #FFFFFF;<br />}<br /><br />pre.textmate-source .linenum {<br /> width: 75px;<br /> padding: 0.1em 1em 0.2em 0;<br /> color: #888;<br /> background-color: #eee;<br />}<br />pre.textmate-source.mac_classic span {<br /> padding-top: 0.2em;<br /> padding-bottom: 0.1em;<br />}<br />pre.textmate-source.mac_classic ::selection {<br /> background-color: rgba(77, 151, 255, 0.33);<br />}<br />/* Comment */<br />pre.textmate-source.mac_classic .comment {<br /> color: #0066FF;<br /> font-style: italic;<br />}<br /><br />/* Keyword */<br />pre.textmate-source.mac_classic .keyword, pre.textmate-source.mac_classic .storage {<br /> color: #0000FF;<br /> font-weight: bold;<br />}<br /><br />/* Number */<br />pre.textmate-source.mac_classic .constant_numeric {<br /> color: #0000CD;<br />}<br /><br />/* User-defined constant */<br />pre.textmate-source.mac_classic .constant {<br /> color: #C5060B;<br /> font-weight: bold;<br />}<br /><br />/* Built-in constant */<br />pre.textmate-source.mac_classic .constant_language {<br /> color: #585CF6;<br /> font-weight: bold;<br />}<br /><br />/* Variable */<br />pre.textmate-source.mac_classic .variable_language, pre.textmate-source.mac_classic .variable_other {<br /> color: #318495;<br />}<br /><br />/* String */<br />pre.textmate-source.mac_classic .string {<br /> color: #036A07;<br />}<br /><br />/* String interpolation */<br />pre.textmate-source.mac_classic .constant_character_escape, pre.textmate-source.mac_classic .string .source {<br /> color: #26B31A;<br />}<br /><br />/* Preprocessor line */<br />pre.textmate-source.mac_classic .meta_preprocessor {<br /> color: #1A921C;<br />}<br /><br />/* Preprocessor directive */<br />pre.textmate-source.mac_classic .keyword_control_import {<br /> color: #0C450D;<br /> font-weight: bold;<br />}<br /><br />/* Function name */<br />pre.textmate-source.mac_classic .entity_name_function, pre.textmate-source.mac_classic .support_function_any-method {<br /> color: #0000A2;<br /> font-weight: bold;<br />}<br /><br />/* Type name */<br />pre.textmate-source.mac_classic .entity_name_type {<br /> text-decoration: underline;<br />}<br /><br />/* Inherited class name */<br />pre.textmate-source.mac_classic .entity_other_inherited-class {<br /> font-style: italic;<br />}<br /><br />/* Function parameter */<br />pre.textmate-source.mac_classic .variable_parameter {<br /> font-style: italic;<br />}<br /><br />/* Function argument and result types */<br />pre.textmate-source.mac_classic .storage_type_method {<br /> color: #70727E;<br />}<br /><br />/* Section */<br />pre.textmate-source.mac_classic .meta_section .entity_name_section, pre.textmate-source.mac_classic .declaration_section .entity_name_section {<br /> font-style: italic;<br />}<br /><br />/* Library function */<br />pre.textmate-source.mac_classic .support_function {<br /> color: #3C4C72;<br /> font-weight: bold;<br />}<br /><br />/* Library object */<br />pre.textmate-source.mac_classic .support_class, pre.textmate-source.mac_classic .support_type {<br /> color: #6D79DE;<br /> font-weight: bold;<br />}<br /><br />/* Library constant */<br />pre.textmate-source.mac_classic .support_constant {<br /> color: #06960E;<br /> font-weight: bold;<br />}<br /><br />/* Library variable */<br />pre.textmate-source.mac_classic .support_variable {<br /> color: #21439C;<br /> font-weight: bold;<br />}<br /><br />/* JS: Operator */<br />pre.textmate-source.mac_classic .keyword_operator_js {<br /> color: #687687;<br />}<br /><br />/* Invalid */<br />pre.textmate-source.mac_classic .invalid {<br /> color: #FFFFFF;<br /> background-color: #990000;<br />}<br /><br />/* Invalid trailing whitespace */<br />pre.textmate-source.mac_classic .invalid_deprecated_trailing-whitespace {<br /> background-color: #FFD0D0;<br />}<br /><br />/* Embedded source */<br />pre.textmate-source.mac_classic .text .source, pre.textmate-source.mac_classic .string_unquoted {<br /> background-color: rgba(0, 0, 0, 0.05);<br />}<br /><br />/* Embedded embedded source */<br />pre.textmate-source.mac_classic .text .source .string_unquoted, pre.textmate-source.mac_classic .text .source .text .source {<br /> background-color: rgba(0, 0, 0, 0.06);<br />}<br /><br />/* Markup XML declaration */<br />pre.textmate-source.mac_classic .meta_tag_preprocessor_xml {<br /> color: #68685B;<br />}<br /><br />/* Markup DOCTYPE */<br />pre.textmate-source.mac_classic .meta_tag_sgml_doctype, pre.textmate-source.mac_classic .meta_tag_sgml_doctype .entity, pre.textmate-source.mac_classic .meta_tag_sgml_doctype .string, pre.textmate-source.mac_classic .meta_tag_preprocessor_xml, pre.textmate-source.mac_classic .meta_tag_preprocessor_xml .entity, pre.textmate-source.mac_classic .meta_tag_preprocessor_xml .string {<br /> color: #888888;<br />}<br /><br />/* Markup DTD */<br />pre.textmate-source.mac_classic .string_quoted_docinfo_doctype_DTD {<br /> font-style: italic;<br />}<br /><br />/* Markup tag */<br />pre.textmate-source.mac_classic .meta_tag, pre.textmate-source.mac_classic .declaration_tag {<br /> color: #1C02FF;<br />}<br /><br />/* Markup name of tag */<br />pre.textmate-source.mac_classic .entity_name_tag {<br /> font-weight: bold;<br />}<br /><br />/* Markup tag attribute */<br />pre.textmate-source.mac_classic .entity_other_attribute-name {<br /> font-style: italic;<br />}<br /><br />/* Markup: Heading */<br />pre.textmate-source.mac_classic .markup_heading {<br /> color: #0C07FF;<br /> font-weight: bold;<br />}<br /><br />/* Markup: Quote */<br />pre.textmate-source.mac_classic .markup_quote {<br /> color: #000000;<br /> font-style: italic;<br />}<br /><br />/* Markup: List */<br />pre.textmate-source.mac_classic .markup_list {<br /> color: #B90690;<br />}<br /> Starting with the SDK Tools Revision 3 you can use a tool called layoutopt to automatically detect common problems. This tool is currently only available from the command line and its use is very simple - just open a terminal and launch the layoutopt command with a list of directories or XML files to analyze: $ layoutopt samples/ samples/compound.xml 7:23 The root-level <FrameLayout/> can be replaced with <merge/> 11:21 This LinearLayout layout or its FrameLayout parent is useless samples/simple.xml 7:7 The root-level <FrameLayout/> can be replaced with <merge/> samples/too_deep.xml -1:-1 This layout has too many nested layouts: 13 levels, it should have <= 10! 20:81 This LinearLayout layout or its LinearLayout parent is useless 24:79 This LinearLayout layout or its LinearLayout parent is useless 28:77 This LinearLayout layout or its LinearLayout parent is useless 32:75 This LinearLayout layout or its LinearLayout parent is useless 36:73 This LinearLayout layout or its LinearLayout parent is useless 40:71 This LinearLayout layout or its LinearLayout parent is useless 44:69 This LinearLayout layout or its LinearLayout parent is useless 48:67 This LinearLayout layout or its LinearLayout parent is useless 52:65 This LinearLayout layout or its LinearLayout parent is useless 56:63 This LinearLayout layout or its LinearLayout parent is useless samples/too_many.xml 7:413 The root-level <FrameLayout/> can be replaced with <merge/> -1:-1 This layout has too many views: 81 views, it should have <= 80! samples/useless.xml 7:19 The root-level <FrameLayout/> can be replaced with <merge/> 11:17 This LinearLayout layout or its FrameLayout parent is useless For each analyzed file, the tool will indicate the line numbers of each tag that could potentially be optimized. In some cases, layoutopt will also offer a possible solution. The current version of layoutopt contains a dozen rules used to analyze your layout files and future versions will contain more. Future plans for this tool also include the ability to create and use your own analysis rules, to automatically modify the layouts with optimized XML, and to use it from within Eclipse and/or a standalone user interface.Windows users: to start layoutopt, open the file called layoutopt.bat in the tools directory of the SDK and on the last line, replace %jarpath% with -jar %jarpath%.

Labels: Optimization , User Interface

Labels

Android O
Android Studio
Design
Develop
Google Play

Archive

Feed

Newsletter

Android Developers

Android Developers on Google+

Android Developers on YouTube

Android Developers on Twitter

Google Play

Google Play Apps & Games on LinkedIn

Google Play Apps & Games on Medium

Follow GooglePlayDev on Twitter

Global Google developer blogs

Google Developers Blog Programa con Google (Spanish LATAM) Codigo (Portuguese LATAM) Developers Italia Google Developers China Blog Google Developers Indonesia Blog Google Developers Korea Google Developers Japan

Newsletter Blog Support

Android Developers on YouTube Android Developers on Google+ Android Developers on Twitter

Android.com Android Developers Android Studio Google Play Console Legal Notice