Compose でのレイアウト
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Jetpack Compose を使うと、アプリの効率的なレイアウトを簡単に設計できます。
以降のページでは、レイアウトを設計、実装する方法について詳しく説明します。
- レイアウトの基本: シンプルなアプリ UI のビルディング ブロックについて確認します。
- マテリアル コンポーネントとレイアウト: Compose のマテリアル コンポーネントとレイアウトについて確認します。
- カスタム レイアウト: アプリのレイアウトを管理する方法や、自身のカスタム レイアウトを設計する方法について確認します。
- アダプティブ レイアウトを作成する: Compose を使用して、さまざまな画面サイズ、画面の向き、フォーム ファクタに対応するレイアウトを作成する方法について確認します。
- アライメント ライン: カスタム アライメント ラインを作成して UI 要素を正確に配置する方法について確認します。
- 固有の測定値: UI 要素に固有の高さまたは幅を設定する方法を確認し、レイアウト内で要素がどのように配置されるかを厳密に制御できるようにします。
- ConstraintLayout: Compose UI で
ConstraintLayout
を使用する方法について確認します。
詳細
Compose のレイアウトの詳細については、Jetpack Compose でのレイアウトの Codelab をご覧ください。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 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":"その他"
}]