このページは Cloud Translation API によって翻訳されました。

グリッド

グリッドビューでは、コンテンツアイテムを表す画像が2列以上表示され、各画像の下に短いテキストが表示されます。このビューは、ユーザーが主に画像に基づいて選択を行う場合に最適です。

グリッドは垂直方向にスクロール可能で、サイズ、間隔、列数を調整できます。また、グリッド内のコンテンツをカテゴリ別にグループ化することもできます。

リスト項目コンポーネント

リストは、より多くの説明テキストを必要とするコンテンツを表示する別の方法を提供します。

解剖学

グリッドにはテキストとUIコントロールが含まれます。ユーザーはこれらに反応する必要があるため、他の要素や画面の端によって隠れてはなりません。

仕様

リスト項目コンポーネント

仕様、スタイル ガイドラインなど。

コンテンツグリッド（3列または4列）

アプリグリッド（4列）

よく使うアイテムを最上段に表示するアプリグリッド

グリッドレイアウトでのインジケーターアイコンの配置

レイアウトのスケーリング

これらのリファレンスレイアウトは、様々な幅と高さの画面に合わせてグリッドを調整する方法を示しています。すべてのピクセル値は、ダウンサンプリングやアップサンプリングが行われる前のレンダリングされたピクセル値であることに注意してください。

標準幅のスクリーン

ワイドスクリーン

超ワイドスクリーンとスーパーワイドスクリーン

さまざまな高さの画面上のアプリグリッドの垂直間隔

スタイル

タイポグラフィ

色

サイズ

標高

例