版權(quán)聲明：本文為Carson_Ho原創(chuàng)文章墨林，轉(zhuǎn)載請(qǐng)注明出處！[圖片上傳中...(微信圖片_20181227174249.png-5e47ed-1545903777462-0)]

目錄

一葵姥、影響的性能

布局性能的好壞 主要影響: Android應(yīng)用中的頁面顯示速度

二荷鼠、如何影響性能

布局影響Android性能的實(shí)質(zhì)：頁面的測(cè)量 & 繪制時(shí)間
1個(gè)頁面通過遞歸 完成測(cè)量 & 繪制過程 = measure句携、layout 過程

三、優(yōu)化思路

• 優(yōu)化方向:布局性能允乐、布局層級(jí)矮嫉、布局復(fù)用性和測(cè)量&繪制時(shí)間
• 具體如下
  針對(duì) 頁面布局的性能、層級(jí)牍疏、測(cè)量繪制時(shí)間 進(jìn)行優(yōu)化蠢笋，從而提高 Android應(yīng)用中的頁面顯示速度
  4.具體優(yōu)化方案

• 具體如下
• 下面，我將詳細(xì)分析每種優(yōu)化方案

4.1 選擇耗費(fèi)性能較少的布局

• 性能耗費(fèi)低的布局 = 功能簡單 = FrameLayout鳞陨、LinearLayout
• 性能耗費(fèi)高的布局 = 功能復(fù)雜 = RelativeLayout

即布局過程需要消耗更多性能(CPU資源&時(shí)間)

• 1. 嵌套所耗費(fèi)的性能 > 單個(gè)布局本身耗費(fèi)的性能
• 2. 即 完成需求時(shí)：寧選擇 1個(gè)耗費(fèi)性能高的布局昨寞，也不采用嵌套多個(gè)耗費(fèi)性能低的布局

4.2減少布局層級(jí)(嵌套)

• 作用:減少 布局層級(jí)
  配合<include>標(biāo)簽使用，可優(yōu)化 加載布局文件時(shí)的資源消耗
  使用說明：
• 1. <merge>作為被引用布局A的根標(biāo)簽厦滤。
• 2.當(dāng)其他布局通過<include>標(biāo)簽引用布局A時(shí)援岩，布局A中的<merge>標(biāo)簽內(nèi)容（根節(jié)點(diǎn)）會(huì)被去掉，在<include>里存放的是布局A中的<merge>標(biāo)簽內(nèi)容（根節(jié)點(diǎn)）的子標(biāo)簽（即子節(jié)點(diǎn)）掏导，以此減少布局文件的層次

/** 
 * 實(shí)例說明：在上述例子享怀，在布局B中 通過<include>標(biāo)簽引用布局C
 * 此時(shí)：布局層級(jí)為 =  RelativeLayout ->> Button 
 *                                  —>> RelativeLayout ->> Button
 *                                                     ->> TextView
 * 現(xiàn)在使用<merge>優(yōu)化：將 被引用布局C根標(biāo)簽 的RelativeLayout 改為 <merge>
 * 在引用布局C時(shí)，布局C中的<merge>標(biāo)簽內(nèi)容（根節(jié)點(diǎn)）會(huì)被去掉趟咆，在<include>里存放的是布局C中的<merge>標(biāo)簽內(nèi)容（根節(jié)點(diǎn)）的子標(biāo)簽（即子節(jié)點(diǎn)）
 * 即 <include>里存放的是：<Button>添瓷、<TextView>
 * 此時(shí)布局層級(jí)為 =  RelativeLayout ->> Button 
 *                                ->> Button
 *                                ->> TextView
 * 即 已去掉之前無意義、多余的<RelativeLayout>
 */  

 // 被引用的公共部分：布局C = layout_c.xml
 <?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>

    <TextView
        android:id="@+id/textview"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>

</merge>

// 布局B：layout_b.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/Button"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="@dimen/dp_10" />

    <include layout="@layout/layout_c.xml" />

</RelativeLayout>

4.2.2 合適選擇布局類型

• 通過合理選擇布局類型值纱，從而減少嵌套
• 即：完成 復(fù)雜的UI效果時(shí)鳞贷，盡可能選擇1個(gè)功能復(fù)雜的布局（如RelativeLayout）完成，而不要選擇多個(gè)功能簡單的布局（如LinerLayout）通過嵌套完成

4.3 提高 布局的復(fù)用性

• 原因 :提取布局間的公共部分虐唠，通過提高布局的復(fù)用性從而減少測(cè)量 & 繪制時(shí)間
• 優(yōu)化方案 :使用 布局標(biāo)簽 <include>

4.3.1使用布局標(biāo)簽
作用:實(shí)現(xiàn) 布局模塊化搀愧，即 提取布局中的公共部分 供其他布局共用。
具體使用

• a. 通過<include>標(biāo)簽引入抽取的公共部分布局C

• b. <include>標(biāo)簽所需屬性 = 公共部分的layout屬性，作用 = 指定需引入妈橄、包含的布局文件

  // 實(shí)例說明：抽取 布局A庶近、B中的公共部分布局C & 放入到布局B中使用
  
  /** 
    * 布局B：layout_b.xml
    */  
  <?xml version="1.0" encoding="utf-8"?>
  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
  
    <Button
        android:id="@+id/Button"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="@dimen/dp_10" />
  
    // 通過<include>標(biāo)簽引入抽取的公共部分布局C
    // <include>標(biāo)簽所需屬性 = 公共部分的layout屬性，作用 = 指定需引入眷蚓、包含的布局文件
    <include layout="@layout/layout_c.xml" />
  
   </RelativeLayout>
  
   /** 
     * 公共部分的布局C：layout_c.xml
    */
  <?xml version="1.0" encoding="utf-8"?>
  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
  
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>
  
    <TextView
    android:id="@+id/textview"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_10"/>
  
   </RelativeLayout>
  

4.4減少初次測(cè)量&繪制時(shí)間
主要優(yōu)化方案：使用 布局標(biāo)簽<ViewStub> & 盡可能少用布局屬性 wrap_content
4.4.1使用布局標(biāo)簽

• 作用：按需加載外部引入的布局鼻种。屬 輕量級(jí)View、不占用顯示 & 位置沙热。
• 應(yīng)用場景：引入 只在特殊情況下才顯示的布局（即 默認(rèn)不顯示）叉钥。如：進(jìn)度顯示布局、信息出錯(cuò)出現(xiàn)的提示布局等
  使用說明:
• 1. 先設(shè)置好預(yù)顯示的布局
• 2. 在其他布局通過<ViewStub>標(biāo)簽引入外部布局（類似<include>）篙贸；注：此時(shí)該布局還未被加載顯示
• 3. 只有當(dāng)ViewStub被設(shè)置為可見 / 調(diào)用了ViewStub.inflate()時(shí)投队，ViewStub所指向的布局文件才會(huì)被inflate 、實(shí)例化爵川，最終 顯示<ViewStub>指向的布局

/** 
 * 實(shí)例說明：在布局A中引入布局B敷鸦，只有在特定時(shí)刻C中才顯示
 */  

 // 步驟1：先設(shè)置好預(yù)顯示的布局B = layout_b.xml
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>

    <TextView
        android:id="@+id/textview"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_10"/>

</RelativeLayout>

// 步驟2：在布局A通過<ViewStub>標(biāo)簽引入布局B（類似<include>）；注：此時(shí)該布局還未被加載顯示
// 布局A：layout_a.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/Button"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="@dimen/dp_10" />

    <ViewStub
        android:id="@+id/Blayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout="@layout/layout_b" />

</RelativeLayout>

只有當(dāng)ViewStub被設(shè)置為可見 / 調(diào)用了ViewStub.inflate()時(shí)寝贡，ViewStub所指向的布局文件才會(huì)被inflate 扒披、實(shí)例化，最終 顯示<ViewStub>指向的布局

ViewStub stub = (ViewStub) findViewById(R.id.Blayout);   
stub.inflate();

特別注意

• 1. ViewStub中的layout布局不能使用merge標(biāo)簽圃泡，否則會(huì)報(bào)錯(cuò)
• 2. ViewStub的inflate只能執(zhí)行一次碟案，顯示了之后，就不能再使用ViewStub控制它了
• 3. 與View.setVisible(View.Gone)的區(qū)別：View 的可見性設(shè)置為 gone 后颇蜡，在inflate 時(shí)价说，該View 及其子View依然會(huì)被解析；而使用ViewStub就能避免解析其中指定的布局文件风秤，從而節(jié)省布局文件的解析時(shí)間 & 內(nèi)存的占用

4.4.2 盡可能少用布局屬性 wrap_content
布局屬性 wrap_content 會(huì)增加布局測(cè)量時(shí)計(jì)算成本鳖目，應(yīng)盡可能少用，在已知寬高為固定值時(shí)唁情，不使用wrap_content疑苔。
5.布局調(diào)試工具

• 背景
  盡管已經(jīng)注意到上述的優(yōu)化策略，但實(shí)際開發(fā)中難免還是會(huì)出現(xiàn)布局性能的問題
• 解決方案
  使用 布局調(diào)優(yōu)工具 甸鸟。 此處主要介紹 常用的：hierarchy viewer惦费、Lint、Systrace
  5.1 Hierarchy Viewer
• 簡介：Android Studio 提供的UI性能檢測(cè)工具抢韭。
• 作用：可視化獲得UI布局設(shè)計(jì)結(jié)構(gòu) & 各種屬性信息薪贫，幫助我們優(yōu)化布局設(shè)計(jì)
• 具體使用：Hierarchy Viewer 使用指南
  5.2 Lint
• 簡介：Android Studio 提供的 代碼掃描分析工具
• 作用：掃描、發(fā)現(xiàn)代碼結(jié)構(gòu) / 質(zhì)量問題刻恭；提供解決方案
  5.3 Systrace
• 簡介：Android 4.1以上版本提供的性能數(shù)據(jù)采樣 & 分析工具
• 作用：檢測(cè) Android系統(tǒng)各個(gè)組件隨著時(shí)間的運(yùn)行狀態(tài) & 提供解決方案

總結(jié)

• 本文主要講解Android 性能優(yōu)化中的 布局優(yōu)化