レイアウトの基本

レイアウトは、アクティビティなど、ユーザーがアプリを操作するための見た目の構造を定義します。Android には、コンテンツの表示と配置を行うためのさまざまなライブラリ、標準的な開始点、手法が用意されています。

使ってみる

アプリの構造アプリのコンテンツを構成する方法を学び、Android レイアウトの設計を始めましょう。

まとめ

デバイスのセーフエリア

ディスプレイ カットアウト、エッジ ツー エッジ インセット、エッジ ディスプレイ、ソフトウェア キーボード、システムバーなどの UI の一部を含む、デバイスのセーフエリアを尊重します。ユーザーがキーボードを操作するための柔軟なレイアウトを提供します。警告: キーボードでコンテンツを覆う場合は注意してください。

インタラクションのエルゴノミクス

メイン ナビゲーションなどの重要な操作は、手の届く画面領域に配置します。フローティング アクション ボタン(FAB)は、目立つ場所に配置されたアクセスしやすいインタラクション ポイントです。

封じ込めグループ

コンテインメントを使用して関連コンテンツをグループ化し、コンテンツとアクションをユーザーに案内します。明示的包含を使用して、関連するアクションを含むコンテンツをグループ化するカード。

アライメント

類似したコンテンツと UI 要素の間で一貫した配置を提供する。

同様の要素間の間隔を一定にする。
類似した要素のスペーシングが不均一だと、デザインが雑に見えて、読みやすさが損なわれます。
レイアウトの向き

縦向きや理想的なレイアウトに固執しない: ユーザーが遭遇する可能性のあるさまざまなアスペクト比、サイズクラス、解像度を検討します。

重要な操作

1 つのビューにアクションを詰め込みすぎないようにします。

レイアウトの仕様を注釈する

カスタム レイアウトを構築する際は、配置、制約、重力という用語を使用して、レイアウト内のコンテンツの配置方法を記述します。画像を適切に表示するために、画像がコンテナにどのように応答するかを含めます。