Compose のツール
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Android Studio には、Jetpack Compose ライブラリを使用して UI デザインを加速させるためのさまざまなツールが用意されています。これらのツールを使用するには、まずマテリアル明細表(BOM)を使用して、必要な依存関係を Gradle ファイルに追加します。
デザイン仕様に合わせてコンポーネント、デザイン システム、画面を作成します。
コンテキストの切り替えを減らして、UI の構築と実行中のアプリケーションのテストを加速します。
- ライブ編集: フルビルドを行わずに、変更を適用してリアルタイムで確認できます。
- エディタのアクション: Android Studio のエディタ ウィンドウで、テンプレートやガター アイコンなどを使用します。
- Lint チェック: Lint チェックで Compose コードの正確性を検証します。
UI をデバッグするためのツール
レイアウト、再コンポーズ、コンポーズ トレースを分析して、アプリの UI パフォーマンスを改善します。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-08-27 UTC。
[null,null,["最終更新日 2025-08-27 UTC。"],[],[],null,["Android Studio provides a slate of tools to help you accelerate your UI design\nusing Jetpack Compose libraries. You can get started using those tools by first\nadding the necessary dependencies to your Gradle file through the Bill of\nMaterials (BOM). \n[Quick Start\nAdd the Compose BOM and library dependencies using the quick start guide\narrow_forward](/develop/ui/compose/setup)\n\nTools for designing your UI\n\nCreate components, design systems, and screens to align with design specs.\n\n- [Preview UI](/develop/ui/compose/tooling/previews): Preview, organize, and interact with composables.\n- [Preview animations](/develop/ui/compose/tooling/animation-preview): Inspect, debug, and preview animations frame by frame.\n\nTools for developing and testing your UI\n\nAccelerate building the UI and testing the running application with less context\nswitching.\n\n- [Live Edit](/develop/ui/compose/tooling/iterative-development): Apply changes and see them in real time without doing full builds.\n- [Editor actions](/develop/ui/compose/tooling/editor-actions): Use templates, gutter icons, and more in the Android Studio editor window.\n- [Lint checks](/develop/ui/compose/tooling/lint): Verify the correctness of your Compose code with lint checks.\n\nTools for debugging your UI\n\nAnalyze layout, recompositions, and composition tracing to improve your app's UI\nperformance.\n\n- [Layout Inspector](/develop/ui/compose/tooling/debug#layout_inspector): Inspect a Compose layout in an emulator or physical device.\n- [Compose UI Check](/develop/ui/compose/tooling/debug#compose_ui_check): Inspect Compose UI for accessibility and adaptive issues.\n- [Composition Tracing](/develop/ui/compose/tooling/tracing): Trace your composable functions in a system trace."]]