リストビュー

[アーティクル]
06/13/2023

Note

この設計ガイドは Windows 7 用に作成されており、新しいバージョンの Windows では更新されていません。ガイダンスの多くは原則として適用されますが、プレゼンテーションと例には現在の設計ガイダンスは反映されていません。

リストビューを使用すると、ユーザーは 1 つの選択または複数の選択を使用して、データオブジェクトのコレクションを表示および操作できます。

列ヘッダーを含むリストビューのスクリーンショット

一般的なリストビュー。

リストビューには、リストボックスよりも柔軟性と機能があります。リストボックスとは異なり、ビューの変更、グループ化、見出しを含む複数の列の変更、列による並べ替え、列の幅と順序の変更、ドラッグソースまたはドロップターゲット、クリップボードとの間でのデータのコピーをサポートしています。

Note

レイアウトボックスとリストボックスに関連するガイドラインは、別の記事で示されています。

これは適切なコントロールですか?

リストビューは、より柔軟で機能的なリストボックスだけではありません。その追加機能により、使用が異なります。次の表に、比較を示します。

使用	リストボックス	リストビュー
データの種類	データとプログラムの両方のオプション。	データのみ。
Contents	ラベルのみ。	ラベルと補助データ (場合によっては複数の列)。
相互作用	選択を行う場合に使用します。	選択を行う場合に使用できますが、多くの場合、データの表示と操作に使用されます。ドラッグソースまたはドロップターゲットを指定できます。
プレゼンテーション	固定。	ユーザーは、ビューの変更、グループ化、列による並べ替え、列の幅と順序の変更を行うことができます。

これが適切なコントロールであるかどうかを判断するには、次の質問を検討してください。

リストには、プログラムオプションではなくデータが表示されますか? そうでない場合は、代わりにリストボックスを使用することを検討してください。
ユーザーは、ビューの変更、グループ化、列による並べ替え、列の幅と順序の変更を行う必要がありますか? そうでない場合は、代わりにリストボックスを使用します。
コントロールはドラッグソースまたはドロップターゲットである必要がありますか? その場合は、リストビューを使用します。
リストアイテムをクリップボードにコピーするか、クリップボードから貼り付ける必要がありますか? その場合は、リストビューを使用します。

チェックボックスリストビュー

コントロールは、データの一覧から 0 個以上の項目を選択するために使用されますか? 1 つの項目を選択するには、代わりに単一の選択を使用します。
複数選択はタスクに不可欠ですか、または一般的に使用されますか? その場合は、チェックボックスのリストビューを使用して、ターゲットユーザーが高度でない場合は特に、複数の選択を明確にします。そうでない場合は、標準の複数選択リストビューを使用します。チェックボックスが複数の選択に注意を引きすぎたり、画面が乱雑になりすぎたりする場合は、標準の複数選択リストビューを使用します。
複数選択の安定性は重要ですか? その場合は、クリックすると一度に 1 つのアイテムのみが変更されるため、チェックボックスリスト、リストビルダー、またはリストの追加と削除を使用します。標準の複数選択リストを使用すると、誤ってすべての選択をクリアすることは非常に簡単です。

Note

リストビューのように見えるコントロールがリストボックスを使用して実装される場合もあれば、その逆もあります。このような場合は、実装ではなく、使用法に基づいてガイドラインを適用します。

使用パターン

すべてのビューでは、ユーザーが一度に 1 つの項目のみを選択できる 1 つの選択と、ユーザーが任意の数の項目 (なしを含む) を選択できる複数の選択がサポートされています。リストビューでは拡張選択モードがサポートされています。選択範囲は、ドラッグするか、Shift キーを押しながらクリックするか Ctrl キーを押しながらクリックして、隣接する値または隣接しない値のグループを選択することで拡張できます。リストボックスとは異なり、複数の選択モードはサポートされていません。項目をクリックすると、Shift キーと Ctrl キーに関係なく選択状態が切り替わります。

標準リストビュー

リストビューコントロールでは、次の 5 つの標準ビューがサポートされています。

使用法	例
タイル各項目は中アイコンとして表示され、右側にラベルとオプションの詳細が表示されます。	タイルビューには、右側にラベルとオプションの詳細が表示された中のアイコンが表示されます。
大きいアイコン各項目は、その下にラベルが付いた、特大、大、または中のアイコンとして表示されます。	大きなアイコンビューでは、各項目が大きなアイコンとして表示され、その下にラベルが表示されます。
小さいアイコン各項目は、右側にラベルが付いた小さなアイコンとして表示されます。	[小さいアイコン] ビューでは、各項目が小さなアイコンとして表示され、右側にラベルが表示されます。
リスト各項目は、右側にラベルが付いた小さなアイコンとして表示されます。	リストモードでは、このビューは列内の項目を並べ替え、水平スクロールバーを使用します。これに対し、アイコンビューは項目を行内で並べ替え、垂直スクロールバーを使用します。リストモードでは、各項目が小さなアイコンとして表示され、ラベルが右側に表示されます。
詳細各項目は表形式の行として表示されます。左端の列には項目のオプションのアイコンとラベルの両方が含まれており、後続の列には項目のプロパティなどの追加情報が含まれます。	さらに、列を追加または削除したり、並べ替えたりサイズを変更したりできます。行をグループ化し、列で並べ替えることができます。詳細ビューでは、各項目が表形式の行として表示されます。