Compose のツール

Android Studio には、Jetpack Compose ライブラリを使用して UI デザインを高速化するのに役立つツールが用意されています。ツールを使用するには、まずマテリアル明細表(BOM)を使用して、必要な依存関係を Gradle ファイルに追加します。

UI の設計ツール

デザイン仕様に合わせてコンポーネント、デザイン システム、レイアウトを作成します。

  • プレビュー UI: さまざまな画面サイズ、折りたたみ式、マルチウィンドウ構成でコンポーザブルをプレビューして操作します。
  • アニメーションをプレビュー: アニメーションをフレームごとに検査、デバッグ、プレビューします。

UI の開発とテスト用のツール

コンテキストの切り替えを減らし、UI の構築と実行中のアプリケーションのテストを加速します。

  • ライブ編集: フルビルドを行わずに、変更を適用してリアルタイムで確認できます。
  • エディタのアクション: Android Studio のエディタ ウィンドウで、テンプレートやガター アイコンなどを使用します。
  • Lint チェック: Compose コードの正確性を検証します。

UI をデバッグするためのツール

レイアウト、再コンポーズ、コンポーズ トレースを分析して、アプリの UI パフォーマンスを改善します。

  • Layout Inspector: エミュレータまたは実機で Compose レイアウトを検査します。
  • Compose UI チェック: Compose UI のアクセシビリティとアダプティブの問題を検査して、さまざまなディスプレイ サイズ、デバイスの向き、フォーム ファクタに関連する問題を特定します。
  • コンポジション トレース: システム トレース内のコンポーズ可能な関数をトレースします。