前言
- 在
Android
開發(fā)中,性能優(yōu)化策略十分重要 - 本文主要講解性能優(yōu)化中的布局優(yōu)化,希望你們會喜歡。
目錄
1. 影響的性能
布局性能的好壞 主要影響 :Android
應(yīng)用中的頁面顯示速度
2. 如何影響性能
布局影響Android
性能的實質(zhì):頁面的測量 & 繪制時間
1個頁面通過遞歸 完成測量 & 繪制過程 =
measure
、layout
過程
3. 優(yōu)化思路
- 優(yōu)化方向:布局性能、布局層級、布局復(fù)用性 和 測量 & 繪制時間
- 具體如下
針對 頁面布局的性能、層級、測量繪制時間 進行優(yōu)化,從而提高 Android
應(yīng)用中的頁面顯示速度
4. 具體優(yōu)化方案
- 具體如下
- 下面,我將詳細分析每種優(yōu)化方案
4.1 選擇 耗費性能較少的布局
- 性能耗費低的布局 = 功能簡單 =
FrameLayout
、LinearLayout
- 性能耗費高的布局 = 功能復(fù)雜 =
RelativeLayout
即 布局過程需消耗更多性能(
CPU
資源 & 時間)
注:
- 嵌套所耗費的性能 > 單個布局本身耗費的性能
- 即 完成需求時:寧選擇 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)的提示布局等
- 使用說明
- 先設(shè)置好預(yù)顯示的布局
- 在其他布局通過<ViewStub>標簽引入外部布局(類似<include>);注:此時該布局還未被加載顯示
- 只有當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();
需要特別注意的是:
- ViewStub中的layout布局不能使用merge標簽,否則會報錯
- ViewStub的inflate只能執(zhí)行一次,顯示了之后,就不能再使用ViewStub控制它了
- 與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 viewer
、Lint
、Systrace
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ì)量問題;提供解決方案
- 該過程不需手寫測試用例
Lint
發(fā)現(xiàn)的每個問題都有描述信息 & 等級(和測試發(fā)現(xiàn) bug 很相似),可方便定位問題 & 按照嚴重程度進行解決
- 具體使用
Lint 使用指南
5.3 Systrace
- 簡介
Android 4.1
以上版本提供的性能數(shù)據(jù)采樣 & 分析工具 - 作用
檢測Android
系統(tǒng)各個組件隨著時間的運行狀態(tài) & 提供解決方案
- 收集 等運行信息,從而幫助開發(fā)者更直觀地分析系統(tǒng)瓶頸,改進性能
檢測范圍包括:Android
關(guān)鍵子系統(tǒng)(如WindowManagerService
等Framework
部分關(guān)鍵模塊)、服務(wù)、View系統(tǒng)- 功能包括:跟蹤系統(tǒng)的
I/O
操作、內(nèi)核工作隊列、CPU
負載等,在 UI 顯示性能分析上提供很好的數(shù)據(jù),特別是在動畫播放不流暢、渲染卡等問題上
- 具體使用
Systrace 使用指南
6. 總結(jié)
本文主要講解Android
性能優(yōu)化中的布局優(yōu)化,總結(jié)如下:
- 下面我將繼續(xù)深入講解
Android
中的性能優(yōu)化 ,感興趣的同學(xué)可以繼續(xù)關(guān)注本人運營的Wechat Public Account
: - 我想給你們介紹一個與眾不同的Android微信公眾號(福利回贈)
- 我想邀請您和我一起寫Android(福利回贈)
請點贊!因為你的鼓勵是我寫作的最大動力!
相關(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ā)的干貨,追求短、平、快,但卻不缺深度。