Android Studio には、Jetpack Compose ライブラリを使用して UI デザインを加速させるためのさまざまなツールが用意されています。これらのツールを使用するには、まずマテリアル明細表(BOM)を使用して、必要な依存関係を Gradle ファイルに追加します。
UI の設計ツール
デザイン仕様に合わせてコンポーネント、デザイン システム、画面を作成します。
- プレビュー UI: コンポーザブルのプレビュー、整理、操作を行います。
- アニメーションをプレビュー: アニメーションをフレームごとに検査、デバッグ、プレビューします。
UI の開発とテストを行うためのツール
コンテキストの切り替えを減らして、UI の構築と実行中のアプリケーションのテストを加速します。
- ライブ編集: フルビルドを行わずに、変更を適用してリアルタイムで確認できます。
- エディタのアクション: Android Studio のエディタ ウィンドウで、テンプレートやガター アイコンなどを使用します。
- Lint チェック: Lint チェックで Compose コードの正確性を検証します。
UI をデバッグするためのツール
レイアウト、再コンポーズ、コンポーズ トレースを分析して、アプリの UI パフォーマンスを改善します。
- Layout Inspector: エミュレータまたは実機で Compose レイアウトを検査します。
- Compose UI チェック: Compose UI のアクセシビリティとアダプティブの問題を検査します。
- コンポジション トレース: システム トレース内のコンポーズ可能な関数をトレースします。