レイアウト
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
まずコア コンテンツを特定することで、効果的なウィジェット レイアウトを作成します。お客様の
レイアウトにより、内部で情報やインタラクティブな要素がどのように編成されるかが決まります。
追加します。Android には、テキスト、リスト、コンテンツ用の事前構築済みのレイアウトがいくつか用意されています。
グリッドタイプのウィジェットを作成することで
このプロセスを合理化できます
テキスト
テキスト レイアウトは、簡潔な情報を表示するのに最適です。視覚に訴える
テキストの横に画像を表示して、ウィジェットを目立たせることができます。
テキストのみ
タイトル、ステータスの更新、簡単な説明など、さまざまなシナリオに最適
1 行のテキストでメッセージを効果的に伝えることができます。詳しくは、
正規レイアウトのサンプル
をご覧ください。
テキストと画像
画像を追加して視覚的にインパクトを与える。詳細については、次をご覧ください:
ブレークポイント
さまざまな画面サイズにこのレイアウトを調整する方法をご覧ください。
リスト
リスト レイアウトを使用すると、複数のアイテムをわかりやすく、見やすい形式で整理できます。この
ニュースの見出し、To-Do リスト、メッセージに最適です。コンテンツを
見やすく整理されたリストですコンテナ化かコンテナレスかの選択
表示方法を調整できます。
テキストと画像のリスト
見やすいテキストと画像のリストは、複数の動画を紹介するのに最適です
たとえば、ニュースの見出し、アルバムアート付きのプレイリスト、
ブロックすることもできます。
チェックリスト
チェックリストのレイアウトはタスクの表示に最適で、タップしやすくなっています
ユーザーがアイテムを完了と簡単にマークできるようにします。
アクション リスト
アクション リストを使用して直感的なコントロール グループを作成し、視覚的なオン/オフを切り替えることができる
ステータスは、商品アイテムのステータスについてすぐにフィードバックを提供します。
グリッド
オプションのラベルを使用して、コンパクトで柔軟、かつ視覚的に豊かなグリッドで画像を表示します。
さまざまな画面サイズに合わせて調整できる列と行を使用します。
画像のみ
画像のみを使用して、視覚的にインパクトのあるスクロール可能な画像ギャラリーを作成する
学習します。行と列がさまざまな画面サイズに合わせて自動的に調整されるため、
最適なプレゼンテーション方法を見つけられます
画像とテキスト
また、テキストラベルと説明を組み込んで、
追加のコンテキストと情報を含む画像グリッド コンテンツを作成します。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2024-08-16 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":"その他"
}]
{"lastModified": "\u6700\u7d42\u66f4\u65b0\u65e5 2024-08-16 UTC\u3002"}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2024-08-16 UTC。"]]