Compose のツール

Android Studio には、Jetpack Compose ライブラリを使用して UI デザインを高速化するのに役立つツールが用意されています。Android Studio の AI エージェントを使用すると、UI モックから実用的なプロトタイプをすばやく生成できます。ツールを使用するには、まず部品構成表(BOM)を使用して、必要な依存関係を Gradle ファイルに追加します。

UI を設計するためのツール

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

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

UI を開発してテストするためのツール

コンテキストの切り替え頻度が低減するため、UI の構築と実行中のアプリケーションのテストの高速化を実現できます。

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

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

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

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