相対レイアウトとカスタム レイアウト

入力、コンテンツ、その他のアクションは、互いに関連して表示されたり、親コンテナに制約されたりすることがあります。レイアウトはよりカスタムにできますが、グループ化、列、スペーシングの一貫性を保つようにしてください。

次の図に示すように、認証は一般的な相対レイアウトです。カスタム レイアウトは、UI 要素の相互関係によって記述されます。

レイアウトでは、レイアウト タイプを組み合わせて使用することもできます。たとえば、カルーセルや横スクロールと縦型カードを組み合わせることができます。または、縦方向のリストデータを含むカスタムグラフを表示することもできます。

コンテンツは、遅延行と遅延列を使用して、スクロール可能な行または列で表示できます。

全画面レイアウトは、イマーシブ モードで使用される一般的なレイアウトです。

図 27: 没入モードで使用される全画面レイアウト

Compose ではなく View を使用している場合は、ConstraintLayout を使用して、兄弟ビューと親レイアウトの関係に従ってビューをレイアウトできます。これにより、大規模で複雑なレイアウトが可能になります。ConstraintLayout を使用すると、レイアウト エディタで XML を編集するのではなく、ドラッグ&ドロップだけでレイアウトを作成できます。詳しくは、Layout Editor による UI の作成をご覧ください。

Compose レイアウトの基本とコンポーザブルの構成要素について学習します。

ウェブ表示

WebView は、アプリ内のウェブページを表示するビューです。ほとんどの場合、Chrome などの標準的なウェブブラウザを使用してユーザーにコンテンツを配信することをおすすめします。ウェブブラウザの詳細については、インテントでブラウザを呼び出すのガイドをご覧ください。