オブザーバブルコレクションを作成してバインドする方法

2025-05-07

この例では、 ObservableCollection<T> クラスから派生したコレクションを作成してバインドする方法を示します。これは、項目が追加または削除されたときに通知を提供するコレクションクラスです。

例

次の例は、 NameList コレクションの実装を示しています。

public class NameList : ObservableCollection<PersonName>
{
    public NameList() : base()
    {
        Add(new PersonName("Willa", "Cather"));
        Add(new PersonName("Isak", "Dinesen"));
        Add(new PersonName("Victor", "Hugo"));
        Add(new PersonName("Jules", "Verne"));
    }
  }

  public class PersonName
  {
      private string firstName;
      private string lastName;

      public PersonName(string first, string last)
      {
          this.firstName = first;
          this.lastName = last;
      }

      public string FirstName
      {
          get { return firstName; }
          set { firstName = value; }
      }

      public string LastName
      {
          get { return lastName; }
          set { lastName = value; }
      }
  }

Public Class NameList
    Inherits ObservableCollection(Of PersonName)

    ' Methods
    Public Sub New()
        MyBase.Add(New PersonName("Willa", "Cather"))
        MyBase.Add(New PersonName("Isak", "Dinesen"))
        MyBase.Add(New PersonName("Victor", "Hugo"))
        MyBase.Add(New PersonName("Jules", "Verne"))
    End Sub

End Class

Public Class PersonName
    ' Methods
    Public Sub New(ByVal first As String, ByVal last As String)
        Me._firstName = first
        Me._lastName = last
    End Sub

    ' Properties
    Public Property FirstName() As String
        Get
            Return Me._firstName
        End Get
        Set(ByVal value As String)
            Me._firstName = value
        End Set
    End Property

    Public Property LastName() As String
        Get
            Return Me._lastName
        End Get
        Set(ByVal value As String)
            Me._lastName = value
        End Set
    End Property

    ' Fields
    Private _firstName As String
    Private _lastName As String
End Class

XAML でのバインドに使用できるデータの作成に関する説明に従って、他の共通言語ランタイム (CLR) オブジェクトと同じように、コレクションをバインドできるようにします。たとえば、次に示すように、XAML でコレクションをインスタンス化し、コレクションをリソースとして指定できます。

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:c="clr-namespace:SDKSample"
  x:Class="SDKSample.Window1"
  Width="400"
  Height="280"
  Title="MultiBinding Sample">

  <Window.Resources>
    <c:NameList x:Key="NameListData"/>

...

</Window.Resources>

その後、コレクションにバインドできます。

<ListBox Width="200"
         ItemsSource="{Binding Source={StaticResource NameListData}}"
         ItemTemplate="{StaticResource NameItemTemplate}"
         IsSynchronizedWithCurrentItem="True"/>

NameItemTemplateの定義はここには示されていません。

注

コレクション内のオブジェクトは、「バインディングソースの概要」で説明されている要件を満たしている必要があります。特に、 OneWay または TwoWay を使用している場合 (たとえば、ソースプロパティが動的に変更されたときに UI を更新する場合)、 INotifyPropertyChanged インターフェイスなどの適切なプロパティ変更通知メカニズムを実装する必要があります。

詳細については、「データバインディングの概要」の「コレクションへのバインド」セクションを参照してください。

次の方法で共有

オブザーバブルコレクションを作成してバインドする方法

例

こちらも参照ください

その他のリソース