Compose でのレイアウト
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Jetpack Compose を使うと、アプリの効率的なレイアウトを簡単に設計できます。
以降のページでは、レイアウトを設計、実装する方法について詳しく説明します。
- レイアウトの基本: シンプルなアプリ UI のビルディング ブロックについて確認します。
- マテリアル コンポーネントとレイアウト: Compose のマテリアル コンポーネントとレイアウトについて確認します。
- カスタム レイアウト: アプリのレイアウトを管理する方法や、自身のカスタム レイアウトを設計する方法について確認します。
- さまざまなディスプレイ サイズをサポートする: Compose を使用して、さまざまな画面サイズ、画面の向き、フォーム ファクタに対応するレイアウトを作成する方法について確認します。
- アライメント ライン: カスタム アライメント ラインを作成して UI 要素を正確に配置する方法について確認します。
- 固有の測定値: UI 要素に固有の高さまたは幅を設定する方法を確認し、レイアウト内で要素がどのように配置されるかを厳密に制御できるようにします。
- ConstraintLayout: Compose UI で
ConstraintLayout
を使用する方法について確認します。
詳細
あなたへのおすすめ
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-08-27 UTC。
[null,null,["最終更新日 2025-08-27 UTC。"],[],[],null,["Jetpack Compose makes it easy to design an efficient layout for your app.\n\nThe following pages provide details on how to design and implement your layout:\n\n- [Layout basics](/develop/ui/compose/layouts/basics): Learn about the building blocks for a straightforward app UI.\n- [Material components and layouts](/develop/ui/compose/components): Learn about Material components and layouts in Compose.\n- [Custom layouts](/develop/ui/compose/layouts/custom): Learn how to take control of your app's layout, and how to design a custom layout of your own.\n- [Support different display sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes): Learn how to use Compose to build layouts that adapt to different screen sizes, orientations, and form factors.\n- [Alignment lines](/develop/ui/compose/layouts/alignment-lines): Learn how to create custom alignment lines to precisely align and position your UI elements.\n- [Intrinsic measurements](/develop/ui/compose/layouts/intrinsic-measurements): Learn how to set an intrinsic height or width for your UI elements, giving you precise control over how the elements are arranged in the layout.\n- [ConstraintLayout](/develop/ui/compose/layouts/constraintlayout): Learn how to use `ConstraintLayout` in your Compose UI.\n\nLearn more\n\n- **New!** Try our [Quick Guides](/quick-guides) to get a fast and focused content\n experience.\n\n- To learn more about Compose layouts, try the [Layouts in Jetpack Compose\n codelab](/codelabs/jetpack-compose-layouts).\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Get started with Jetpack Compose](/develop/ui/compose/documentation)\n- [ConstraintLayout in Compose](/develop/ui/compose/layouts/constraintlayout)"]]