Android性能優(yōu)化:這是一份詳細的布局優(yōu)化 指南(含<include>、<Viewstub>、<merge>)


前言

  • Android開發(fā)中,性能優(yōu)化策略十分重要
  • 本文主要講解性能優(yōu)化中的布局優(yōu)化,希望你們會喜歡。

目錄

示意圖

1. 影響的性能

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


2. 如何影響性能

布局影響Android性能的實質(zhì):頁面的測量 & 繪制時間

1個頁面通過遞歸 完成測量 & 繪制過程 = measurelayout 過程


3. 優(yōu)化思路

  • 優(yōu)化方向:布局性能、布局層級、布局復(fù)用性 和 測量 & 繪制時間
  • 具體如下
示意圖

針對 頁面布局的性能、層級、測量繪制時間 進行優(yōu)化,從而提高 Android應(yīng)用中的頁面顯示速度


4. 具體優(yōu)化方案

  • 具體如下
示意圖
  • 下面,我將詳細分析每種優(yōu)化方案

4.1 選擇 耗費性能較少的布局

  • 性能耗費低的布局 = 功能簡單 = FrameLayoutLinearLayout
  • 性能耗費高的布局 = 功能復(fù)雜 = RelativeLayout

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

注:

  1. 嵌套所耗費的性能 > 單個布局本身耗費的性能
  2. 即 完成需求時:寧選擇 1個耗費性能高的布局,也不采用嵌套多個耗費性能低的布局

4.2 減少布局的層級(嵌套)

  • 原理:布局層級少 ->> 繪制的工作量少 ->> 繪制速度快 ->> 性能提高
  • 優(yōu)化方式:使用布局標簽<merge> & 合適選擇布局類型

4.2.1 使用布局標簽<merge>

  • 作用
    減少 布局層級

配合<include>標簽使用,可優(yōu)化 加載布局文件時的資源消耗

  • 具體使用
// 使用說明:
// 1. <merge>作為被引用布局A的根標簽
// 2. 當其他布局通過<include>標簽引用布局A時,布局A中的<merge>標簽內(nèi)容(根節(jié)點)會被去掉,在<include>里存放的是布局A中的<merge>標簽內(nèi)容(根節(jié)點)的子標簽(即子節(jié)點),以此減少布局文件的層次

/** 
 * 實例說明:在上述例子,在布局B中 通過<include>標簽引用布局C
 * 此時:布局層級為 =  RelativeLayout ->> Button 
 *                                  —>> RelativeLayout ->> Button
 *                                                     ->> TextView
 * 現(xiàn)在使用<merge>優(yōu)化:將 被引用布局C根標簽 的RelativeLayout 改為 <merge>
 * 在引用布局C時,布局C中的<merge>標簽內(nèi)容(根節(jié)點)會被去掉,在<include>里存放的是布局C中的<merge>標簽內(nèi)容(根節(jié)點)的子標簽(即子節(jié)點)
 * 即 <include>里存放的是:<Button>、<TextView>
 * 此時布局層級為 =  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效果時,盡可能選擇1個功能復(fù)雜的布局(如RelativeLayout)完成,而不要選擇多個功能簡單的布局(如LinerLayout)通過嵌套完成

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

  • 優(yōu)化原理:提取布局間的公共部分,通過提高布局的復(fù)用性從而減少測量 & 繪制時間

  • 優(yōu)化方案:使用 布局標簽 <include>,其作用是實現(xiàn) 布局模塊化,即 提取布局中的公共部分 供其他布局共用。

  • 使用說明:通過<include>標簽引入抽取的公共部分布局C;<include>標簽所需屬性 = 公共部分的layout屬性,作用 = 指定需引入、包含的布局文件

  • 具體使用
    抽取布局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>標簽引入抽取的公共部分布局C
      // <include>標簽所需屬性 = 公共部分的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 減少初次測量 & 繪制時間

主要優(yōu)化方案:使用 布局標簽<ViewStub> & 盡可能少用布局屬性 wrap_content

4.4.1 使用 布局標簽<ViewStub>

  • 作用:按需加載 外部引入的布局,屬 輕量級View、不占用顯示 & 位置
  • 應(yīng)用場景:引入 只在特殊情況下才顯示的布局(即 默認不顯示),如:進度顯示布局、信息出錯出現(xiàn)的提示布局等
  • 使用說明
    1. 先設(shè)置好預(yù)顯示的布局
    2. 在其他布局通過<ViewStub>標簽引入外部布局(類似<include>);注:此時該布局還未被加載顯示
    3. 只有當ViewStub被設(shè)置為可見 / 調(diào)用了ViewStub.inflate()時,ViewStub所指向的布局文件才會被inflate 、實例化,最終 顯示<ViewStub>指向的布局
  • 具體使用:在布局A中引入布局B,只有在特定時刻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>標簽引入布局B(類似<include>);注:此時該布局還未被加載顯示
// 布局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>

// 步驟3:只有當ViewStub被設(shè)置為可見 / 調(diào)用了ViewStub.inflate()時,ViewStub所指向的布局文件才會被inflate 、實例化,最終 顯示<ViewStub>指向的布局
ViewStub stub = (ViewStub) findViewById(R.id.Blayout);   
stub.inflate();

需要特別注意的是:

  1. ViewStub中的layout布局不能使用merge標簽,否則會報錯
  2. ViewStub的inflate只能執(zhí)行一次,顯示了之后,就不能再使用ViewStub控制它了
  3. 與View.setVisible(View.Gone)的區(qū)別:View 的可見性設(shè)置為 gone 后,在inflate 時,該View 及其子View依然會被解析;而使用ViewStub就能避免解析其中指定的布局文件,從而節(jié)省布局文件的解析時間 & 內(nèi)存的占用

4.4.2 盡可能少用布局屬性 wrap_content

布局屬性wrap_content 會增加布局測量時計算成本,應(yīng)盡可能少用;特別是在已知寬高為固定值時,不使用wrap_content


5. 布局調(diào)優(yōu)工具

  • 背景
    盡管已經(jīng)注意到上述的優(yōu)化策略,但實際開發(fā)中難免還是會出現(xiàn)布局性能的問題
  • 解決方案
    使用 布局調(diào)優(yōu)工具

此處主要介紹 常用的:hierarchy viewerLintSystrace

5.1 Hierarchy Viewer

  • 簡介
    Android Studio 提供的UI性能檢測工具。

  • 作用
    可視化獲得UI布局設(shè)計結(jié)構(gòu) & 各種屬性信息,幫助我們優(yōu)化布局設(shè)計

即 :方便查看Activity布局,各個View的屬性、布局測量-布局-繪制的時間

5.2 Lint

  • 簡介
    Android Studio 提供的 代碼掃描分析工具
  • 作用
    掃描、發(fā)現(xiàn)代碼結(jié)構(gòu) / 質(zhì)量問題;提供解決方案
  1. 該過程不需手寫測試用例
  2. Lint 發(fā)現(xiàn)的每個問題都有描述信息 & 等級(和測試發(fā)現(xiàn) bug 很相似),可方便定位問題 & 按照嚴重程度進行解決

5.3 Systrace

  • 簡介
    Android 4.1以上版本提供的性能數(shù)據(jù)采樣 & 分析工具
  • 作用
    檢測 Android系統(tǒng)各個組件隨著時間的運行狀態(tài) & 提供解決方案
  1. 收集 等運行信息,從而幫助開發(fā)者更直觀地分析系統(tǒng)瓶頸,改進性能
    檢測范圍包括:Android 關(guān)鍵子系統(tǒng)(如WindowManagerServiceFramework 部分關(guān)鍵模塊)、服務(wù)、View系統(tǒng)
  2. 功能包括:跟蹤系統(tǒng)的I/O 操作、內(nèi)核工作隊列、CPU 負載等,在 UI 顯示性能分析上提供很好的數(shù)據(jù),特別是在動畫播放不流暢、渲染卡等問題上

6. 總結(jié)

本文主要講解Android 性能優(yōu)化中的布局優(yōu)化,總結(jié)如下:


請點贊!因為你的鼓勵是我寫作的最大動力!

相關(guān)文章閱讀
Android開發(fā):最全面、最易懂的Android屏幕適配解決方案
Android事件分發(fā)機制詳解:史上最全面、最易懂
Android開發(fā):史上最全的Android消息推送解決方案
Android開發(fā):最全面、最易懂的Webview詳解
Android開發(fā):JSON簡介及最全面解析方法!
Android四大組件:Service服務(wù)史上最全面解析
Android四大組件:BroadcastReceiver史上最全面解析


歡迎關(guān)注Carson_Ho的簡書!

不定期分享關(guān)于安卓開發(fā)的干貨,追求短、平、快,但卻不缺深度

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,646評論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,595評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,560評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,035評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,814評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,224評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,301評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,444評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,988評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,804評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,998評論 1 370
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,544評論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,237評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,665評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,927評論 1 287
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,706評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,993評論 2 374

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,665評論 25 708
  • 說到 Android 系統(tǒng)手機,大部分人的印象是用了一段時間就變得有點卡頓,有些程序在運行期間莫名其妙的出現(xiàn)崩潰,...
    斜杠時光閱讀 10,301評論 7 119
  • 太長不看版:在 Android UI 布局過程中,遵守一些慣用、有效的布局原則,可以制作出高效且復(fù)用性高的 UI。...
    Mupceet閱讀 3,877評論 0 14
  • 嗒嗒嗒,時鐘打著節(jié)拍,時針一刻的等待,一刻的存在,只有時間知道,這是秒針一步步地追趕,好急好快,可能它以為,下一...
    良未閱讀 342評論 1 0
  • 剛開始工作的時候,我就像剛放出籠子的鳥一樣,覺得周圍一切都很美好,每天都充滿朝氣,感覺就像新生一樣。 早早的到公司...
    胖啊土閱讀 1,056評論 0 0