[WPF][ListView] バインディングでアイテムを表示する方法

ListView

2024.01.18

概要
構文
1. XAMLの構文
2. コードビハインドの構文
使用例

概要

この記事では、WPFのListViewコントロールにバインディングを使用してアイテムを表示する方法について解説します。ListViewコントロールは、データの一覧を表示するための便利なツールですが、アイテムの追加や削除、ソートなどの操作を簡単に行うためにはバインディングを活用することが重要です。

構文

以下に、ItemSourceプロパティの構文とその説明を示します。

XAMLの構文

<ListView ItemsSource="{Binding バインディングソース}" />

この構文では、ListViewコントロールのItemsSourceプロパティにバインディングソースを指定します。バインディングソースは、データを提供するオブジェクトやコレクションを指します。バインディングソースは、ViewModelやデータモデルなどのデータソースとなるオブジェクトを指定することが一般的です。

コードビハインドの構文

ListView listView = new ListView(); 
listView.ItemsSource = バインディングソース;

この構文では、ListViewコントロールのItemsSourceプロパティにバインディングソースを直接指定します。バインディングソースは、データを提供するオブジェクトやコレクションを指します。

ItemSourceプロパティを使用することで、ListViewコントロールにバインディングソースからデータを表示することができます。データソースが更新されると、ListViewも自動的に更新されます。バインディングソースの設定方法によって、XAMLまたはコードビハインドのどちらを使用するかを選択してください。

使用例

以下に、ItemSourceプロパティの使用例とその説明を示します。

XAMLの例

<ListView ItemsSource="{Binding Employees}"> 
    <ListView.View> 
        <GridView> 
            <GridViewColumn Header="ID" 
                DisplayMemberBinding="{Binding ID}" /> 
            <GridViewColumn Header="名前" 
                DisplayMemberBinding="{Binding Name}" /> 
            <GridViewColumn Header="役職" 
                DisplayMemberBinding="{Binding Position}" /> 
        </GridView>
    </ListView.View>
</ListView>

この例では、ListViewのItemsSourceプロパティにバインディングソースとして「Employees」というプロパティを指定しています。バインディングソース「Employees」は、データモデルやViewModel内に定義された従業員のコレクションを指します。ListView内の各列は、GridViewColumnのDisplayMemberBindingプロパティを使用してバインディングソースのプロパティと関連付けられています。

コードビハインドの例

ListView listView = new ListView(); 
listView.ItemsSource = Employees; 
GridView gridView = new GridView(); 
listView.View = gridView; 
gridView.Columns.Add(new GridViewColumn { 
    Header = "ID", 
    DisplayMemberBinding = new Binding("ID") }); 
gridView.Columns.Add(new GridViewColumn { 
    Header = "名前", 
    DisplayMemberBinding = new Binding("Name") }); 
gridView.Columns.Add(new GridViewColumn { 
    Header = "役職", 
    DisplayMemberBinding = new Binding("Position") });

この例では、ListViewのItemsSourceプロパティにバインディングソースとして「Employees」というコレクションを指定しています。GridViewを作成し、そのColumnsプロパティにGridViewColumnを追加しています。各GridViewColumnのDisplayMemberBindingプロパティを使用して、バインディングソースのプロパティと関連付けられた列を作成しています。

バインディングデータの作成例

以下にバインディングデータの作成例を示します。

namespace WpfSample
{

    public partial class MainWindow : Window
    {
        public ObservableCollection Employees { get; set; }

        public MainWindow()
        {
            InitializeComponent();

            // データのコレクションを初期化
            Employees = new ObservableCollection();

            // サンプルのデータを追加
            Employees.Add(new YourDataModel { ID = 1, Name = "John Doe", Position = "Manager" });
            Employees.Add(new YourDataModel { ID = 2, Name = "Jane Smith", Position = "Developer" });
            Employees.Add(new YourDataModel { ID = 3, Name = "Mike Johnson", Position = "Designer" });

            // XAMLのListViewにバインディング
            DataContext = this;

        }
    }

    public class YourDataModel
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public string Position { get; set; }
    }
}