このページは Cloud Translation API によって翻訳されました。

レイアウト階層を最適化する

基本的なレイアウト構造を使用すると最適化する方法を紹介しますただし、アプリに追加するウィジェットやレイアウトは初期化、レイアウト、描画が必要です。たとえば、ネストされたフィールドとインスタンスが LinearLayout ビュー階層が深くなりすぎてしまいますさらに、複数の Pod を layout_weight を使用する LinearLayout のインスタンス子パラメータそれぞれを 2 回測定する必要があるため、特にコストが高くなる可能性があります。これは、レイアウトが繰り返しインフレートされる場合に特に重要です。使用した場合、 RecyclerView。

このドキュメントでは、 Layout Inspector lint を使用して、レイアウトを調べて最適化する。

レイアウトの検査

Android SDK Tools には、 Layout Inspector ツール: アプリの実行中にレイアウトを分析できます。このツールを使うと、レイアウトパフォーマンスの非効率性を発見できます。

Layout Inspector では、接続されているデバイスで実行中のプロセスを選択するか、レイアウトツリーを表示します。各ブロックの信号機測定、レイアウト、描画のパフォーマンスを表し役立ちます。

たとえば、図 1 は、スペース内のアイテムとして使用されるレイアウトを RecyclerView。このレイアウトでは、左側に小さなビットマップ画像が表示されています右側に積み重ねられた 2 つのテキストアイテムが表示されています特に重要なのは、複数回インフレートされるこのようなレイアウトは最適化されるため、パフォーマンス上の利点が倍増します

リスト内の 1 つのアイテムを示す画像（1 つの画像と 2 つの縦に並んだテキスト） — **図 1.** プロジェクト内のアイテムの概念レイアウト `RecyclerView`。

Layout Inspector には、利用可能なデバイスと実行中のデバイスのリストが表示されます。説明します。[Windows] タブでコンポーネントを選択し、 Layout Inspector: 選択したコンポーネントのレイアウト階層を表示します。たとえば、図 2 はリストアイテムのレイアウトを 1.

Layout Inspector と LinearLayout のコンポジションを示す画像 — **図 2.** Google Cloud 内でのレイアウトの図 1。ネストされた `LinearLayout` インスタンスを使用しています。

レイアウトの見直し

これは、ネストされたフィールドが原因で、前のレイアウトのパフォーマンスが低下するためです。 LinearLayout をフラット化することで、パフォーマンスが向上する可能性があります。言い換えると、レイアウトを浅く幅の広い領域にすることで、深く考えなければなりません。 ConstraintLayout （ルートノードで、このようなレイアウトが可能になります）このデザインを ConstraintLayout の場合、レイアウトは 2 レベルの階層になります。

    <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 Layout Inspector の画像 — **図 3.** Layout Inspector の 3D モード。

このレイアウトはすべてのアプリケーションに使用されるため、おすすめします。

この違いのほとんどは、layout_weight を LinearLayout デザインのため、測定が遅くなる可能性があります。これは 1 つの各レイアウトの適切な使用法の例を以下に示します。慎重に検討し、使用する必要があります。

一部の複雑なレイアウトでは、同じ UI を測定する労力が無駄になる可能性がある複数回失敗します。この現象を二重課税といいます。対象二重課税とその回避方法の詳細については、パフォーマンスビュー階層について説明します。

lint の使用

lint ツールを実行することをおすすめします。最適化する方法を確認してください。lint より機能が豊富です。その内容は次のとおりです。 lint の例 rules:

複合ドローアブルを使用する。次を処理する LinearLayout は、次を含む ImageView および TextView 複合ドローアブルとして効率的です
ルートフレームを結合します。レイアウトのルートが FrameLayout 背景やパディングがない場合、この方法のほうがやや効率的です。
無駄な葉を取り除く。子またはリソースのないレイアウトは背景がないので見づらいので効率的なレイアウト階層を作成します。
役に立たない親を削除する。子要素に名前が設定されていないレイアウトは、兄弟姉妹という単語は、 ScrollView またはルートレイアウトに配置され、背景はありません。また、子ビューは親ビューに直接表示されるため、よりフラットで効率的です。継承されます。
深いレイアウトは避けてください。ネストが多すぎるレイアウトは向上しますよりフラットなレイアウトを使用することを検討してください。 ConstraintLayout, パフォーマンスが向上します。lint チェックのデフォルトの最大深度は 10 です。

lint ツールのもう一つのメリットは、Android Studio への統合です。lint は、プログラムをコンパイルするたびに自動的に実行されます。Android Studio を使用すると、特定のビルドバリアントまたはすべてのビルドに対して lint インスペクションを実行することもできます。あります。

検査プロファイルの管理や、検査の構成を Google Cloud 内で Android Studio で [File] >設定 >プロジェクト設定オプションを使用します。[Inspection Configuration] ページにインスペクションのタイプ：

Android Studio の [Inspections] メニューを示す画像 — **図 4.** [Inspect Configuration] ページ。

lint は、一部の問題を自動的に修正したり、他の問題に対して提案を行ったり、問題のあるコードに直接ジャンプして確認できます

詳細については、次をご覧ください: レイアウトとレイアウト resource。