Compose でのレイアウト
Jetpack Compose を使うと、アプリの効率的なレイアウトを簡単に設計できます。
以降のページでは、レイアウトを設計、実装する方法について詳しく説明します。
- レイアウトの基本: シンプルなアプリ UI のビルディング ブロックについて確認します。
- マテリアル コンポーネントとレイアウト: Compose のマテリアル コンポーネントとレイアウトについて確認します。
- カスタム レイアウト: アプリのレイアウトを管理する方法や、自身のカスタム レイアウトを設計する方法について確認します。
- アダプティブ レイアウトを作成する: Compose を使用して、さまざまな画面サイズ、画面の向き、フォーム ファクタに対応するレイアウトを作成する方法について確認します。
- アライメント ライン: カスタム アライメント ラインを作成して UI 要素を正確に配置する方法について確認します。
- 固有の測定値: UI 要素に固有の高さまたは幅を設定する方法を確認し、レイアウト内で要素がどのように配置されるかを厳密に制御できるようにします。
- ConstraintLayout: Compose UI で
ConstraintLayout
を使用する方法について確認します。
詳細
Compose のレイアウトの詳細については、Jetpack Compose でのレイアウトの Codelab をご覧ください。
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2021-11-06 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]