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

入力、コンテンツ、その他の操作は、互いに相対的に表示されたり、親コンテナに制約されたりすることがあります。レイアウトはよりカスタマイズできますが、一貫したグループ化、列、間隔を使用するようにしてください。

次の図に示すように、認証は一般的な相対レイアウトです。 カスタム レイアウトは、UI 要素が互いにどのように関連しているかを示します。

封じ込め

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

グループ化グリッド

Lazy Row と Lazy Column を使用すると、スクロール可能な行または列にコンテンツを表示できます。

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

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

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

Compose レイアウトの基本と、コンポーザブルの構成要素についてご確認ください。

ウェブ表示

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