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

リストアイテム

リストビューでは、コンテンツは縦方向にスクロールする1列のリストに項目として表示されます。このビューは、ユーザーがテキストを読み、データを確認して選択を行う場合に最適です。

リスト項目はグリッド項目よりも垂直方向のスペースが少なくて済むため、画面に表示できる項目の数が多くなります。

グリッドコンポーネント

グリッドは、画像を強調表示する代替表示モードを提供します。

解剖学

リストビューでは、各行に1つのリスト項目を表すタイルが表示されます。主要なアクションはタイル全体に表示されるため、ユーザーはタイル内のどこからでもアクションを開始できます。アイコンとテキストで表される補足アクションについては、アイコンとテキストを含む領域のみが操作対象となります。

仕様

1行リスト項目

2行のリスト項目

2行のリスト項目を反転

ヘッダー付きの複数行リスト項目

ヘッダーのない複数行のリスト項目

テキストオーバーフローのあるリスト項目

分割アクションを含むリスト項目

リスト項目内のインジケーターアイコンの配置

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

これらのリファレンス レイアウトは、さまざまな幅と高さの画面に合わせてリスト項目を調整する方法を示しています (幅と高さのカテゴリはレイアウトセクションで定義されています)。すべてのピクセル値は、ダウンサンプリングまたはアップサンプリングが行われる前のレンダリングされたピクセルであることに注意してください。

レイアウト

さまざまな画面サイズに合わせた余白、キーライン、パディング

レイアウトラベル

E、M、KL、P、Flexの定義

標準、ワイド、エクストラワイドの画面

コンテンツタイル付きの標準、ワイド、エクストラワイド画面

超ワイドスクリーン

スタイル

タイポグラフィ

色

サイズ

例