本頁面由 Cloud Translation API 翻譯而成。

將版面配置階層最佳化

很多人以為使用基本的版面配置結構效率最高的版面配置不過，您在應用程式中加入的每個小工具和版面配置需要初始化、版面配置和繪圖。例如使用巢狀結構執行個體 LinearLayout 可能導致過度深層的檢視區塊階層。此外，將多個使用 layout_weight 的 LinearLayout 執行個體參數的成本可能特別高，因為每個子項都需要進行兩次評估。當版面配置重複加載時，這一點就特別重要，例如用在 RecyclerView。

本文件說明如何使用版面配置檢查器和 Lint 來檢查並最佳化版面配置。

檢查版面配置

Android SDK 工具包含版面配置檢查器工具在應用程式執行期間分析版面配置使用這項工具可協助您找出版面配置效能的效率低落

版面配置檢查器可讓您在已連結的裝置上選取執行中的處理程序模擬器，然後顯示版面配置樹狀結構。每個街區的紅綠燈呈現 Measure、Layout 和 Draw 效能，幫助您找出潛在問題。

舉例來說，圖 1 顯示了在 RecyclerView。這個版面配置左側會顯示小型點陣圖圖片右邊是兩個堆疊的文字項目請特別注意這類經過多次加載的版面配置皆經過最佳化調整可以更快提升效能

顯示清單中單一項目的圖片：一張圖片和兩個垂直對齊的文字 — **圖 1.**以下項目的概念版面配置： `RecyclerView`。

版面配置檢查器會顯示可用裝置及其執行中的清單元件。從「Windows」分頁中選擇元件，然後按一下 版面配置檢查器，可供檢視所選元件的版面配置階層。例如，圖 2 顯示以圖表示的清單項目版面配置 1.

顯示版面配置檢查器和 LinearLayout 組合的圖片 — **圖 2.** 版面配置階層圖 1，使用 `LinearLayout` 的巢狀例項。

修改版面配置

由於巢狀結構，上述版面配置的效能減慢 LinearLayout，只要分割也就是將版面配置調整為淺層和寬以縮小和深層為主A 罩杯 ConstraintLayout 做為根節點允許的版面配置如果將這個設計轉換成 ConstraintLayout，版面配置會成為雙層階層：

    <androidx.constraintlayout.widget.ConstraintLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/root"
      android:layout_width="match_parent"
      android:layout_height="52dp"
      android:background="#e4e6e4"
      android:padding="4dp">

      <ImageView
          android:id="@+id/image"
          android:layout_width="48dp"
          android:layout_height="48dp"
          android:background="#5c5c74"
          android:contentDescription="An example box"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent" />

      <TextView
          android:id="@+id/title"
          android:layout_width="0dp"
          android:layout_height="0dp"
          android:layout_marginStart="4dp"
          android:background="#745c74"
          app:layout_constraintBottom_toTopOf="@+id/subtitle"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toEndOf="@id/image"
          app:layout_constraintTop_toTopOf="parent" />

      <TextView
          android:id="@+id/subtitle"
          android:layout_width="0dp"
          android:layout_height="0dp"
          android:background="#7e8d6e"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toStartOf="@id/title"
          app:layout_constraintTop_toBottomOf="@+id/title" />
  </androidx.constraintlayout.widget.ConstraintLayout>

新版面配置的檢查如下所示：

顯示 3D 版面配置檢查器的圖片 — **圖 3.** 版面配置檢查器 3D 模式。

這個版面配置用於清單中的項目

最大的差別在於使用 layout_weight LinearLayout 的設計，可能導致評估速度變慢。這是一個範例。審慎考量就必須使用版面配置權重

在一些複雜的版面配置中，系統可能不利於測量相同 UI 這種現象稱為「重複作業」。適用對象如要進一步瞭解重複稅金及預防方式，請參閱效能和檢視區塊階層

使用 lint

建議您執行 Lint 工具，搜尋可能的檢視區塊階層最佳化。林特會取代版面配置最佳化工具，且功能更強大。以下是 Lint 範例規則：

使用複合可繪項目。您可以處理LinearLayout 包含 ImageView 和 TextView 更有效率
合併根頁框。如果版面配置的根層級為 FrameLayout 並不提供背景或邊框間距，您可以將其替換為合併標記，效率會稍微高一點
移除無用的葉子。您可以移除不含任何子項的版面配置，或是沒有背景—因為沒有背景，讓畫面更平穩更有效率的版面配置階層
移除沒有用的上層項目。您可以移除含有沒有子項的版面配置兄弟姊妹 ScrollView 也沒有背景您也可以子項檢視畫面直接進入父項檢視畫面，可提高/處理效率版面配置階層
避免使用深度版面配置。如果版面配置的巢狀結構過多，才需進行建議使用寬鬆版面配置，例如 ConstraintLayout, 。Lint 檢查的預設深度上限為 10。

Lint 工具的另一個優點是將其整合至 Android Studio。林特自動執行。透過 Android Studio 也可以針對特定建構變數或所有版本執行 Lint 檢查子類

你也可以在以下位置管理檢查設定檔及設定檢查作業： File > 為 Android Studio設定 >專案「設定」選項。「檢查設定」頁面會顯示支援的檢查：

顯示 Android Studio 檢查選單的圖片 — **圖 4.**「檢查設定」頁面。

Lint 可以自動修正部分問題、提供建議給其他使用者，以及直接前往違規行為的程式碼進行審查。

若需更多資訊，請參閲版面配置和版面配置資源