◆WPF バインディング２

＜オブジェクトとのバインディング＞

今度は、コントロール同士ではなくコードビハインド側で作成したオブジェクトとコントロールをバインドしてみる。

とりあえず、画面表示用に以下のXAMLを定義した。

view plainprint?

1. <Window x:Class="BindingSample.Window2"  
2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
4.         Title="Window2" Height="300" Width="300" Name="MyWindow">  
5.     <StackPanel>  
6.         <StackPanel Orientation="Horizontal">  
7.             <Label Content="名前："/>  
8.             <TextBox Text="{Binding Name}" />  
9.         </StackPanel>  
10.         <StackPanel Orientation="Horizontal">  
11.             <Label Content="住所："/>  
12.             <TextBox Text="{Binding Address}" />  
13.         </StackPanel>  
14.     </StackPanel>  
15. </Window>  

<Window x:Class="BindingSample.Window2"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window2" Height="300" Width="300" Name="MyWindow">
    <StackPanel>
        <StackPanel Orientation="Horizontal">
            <Label Content="名前："/>
            <TextBox Text="{Binding Name}" />
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <Label Content="住所："/>
            <TextBox Text="{Binding Address}" />
        </StackPanel>
    </StackPanel>
</Window>

バインドするエンティティのクラスはとりあえず以下のとおり。

view plainprint?

1. class Person  
2. {  
3.     public string Name { get; set; }  
4.     public string Address { get; set; }  
5. }  

    class Person
    {
        public string Name { get; set; }
        public string Address { get; set; }
    }

あとはコードビハインドで、このクラスのインスタンスを作り、WindowのContextに設定してあげれば良い。

view plainprint?

1. public Window2()  
2. {  
3.     InitializeComponent();  
4.   
5.     Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };  
6.     this.MyWindow.DataContext = p;  
7. }  

        public Window2()
        {
            InitializeComponent();

            Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };
            this.MyWindow.DataContext = p;
        }

バインド先のTextBoxは自分の親を直近から探していって最初に見つかったDataContextを使う。（包含継承というらしい）

コントロールの時と同様にコードだけでバインドすると以下のようになる。

view plainprint?

1. public Window2()  
2. {  
3.     InitializeComponent();  
4.   
5.     Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };  
6.     //this.MyWindow.DataContext = p;  
7.     var bindName = new Binding();  
8.     bindName.Path = new PropertyPath("Name");  
9.     bindName.Source = p;  
10.     txtName.SetBinding(TextBox.TextProperty, bindName);  
11.   
12.     var bindAddr = new Binding();  
13.     bindAddr.Path = new PropertyPath("Address");  
14.     bindAddr.Source = p;  
15.     txtAddr.SetBinding(TextBox.TextProperty, bindAddr);  
16. }  

        public Window2()
        {
            InitializeComponent();

            Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };
            //this.MyWindow.DataContext = p;
            var bindName = new Binding();
            bindName.Path = new PropertyPath("Name");
            bindName.Source = p;
            txtName.SetBinding(TextBox.TextProperty, bindName);

            var bindAddr = new Binding();
            bindAddr.Path = new PropertyPath("Address");
            bindAddr.Source = p;
            txtAddr.SetBinding(TextBox.TextProperty, bindAddr);
        }

9行目と14行目はDataContextを指定すれば不要になる。
また、Bindingクラスのコンストラクタ引数にPathを文字列で指定できるようなので8行目と13行目も省略できることになる。

view plainprint?

1. public Window2()  
2. {  
3.     InitializeComponent();  
4.   
5.     Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };  
6.     this.MyWindow.DataContext = p;  
7.     var bindName = new Binding("Name");  
8.     txtName.SetBinding(TextBox.TextProperty, bindName);  
9.   
10.     var bindAddr = new Binding("Address");  
11.     txtAddr.SetBinding(TextBox.TextProperty, bindAddr);  
12. }  

        public Window2()
        {
            InitializeComponent();

            Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };
            this.MyWindow.DataContext = p;
            var bindName = new Binding("Name");
            txtName.SetBinding(TextBox.TextProperty, bindName);

            var bindAddr = new Binding("Address");
            txtAddr.SetBinding(TextBox.TextProperty, bindAddr);
        }

少し簡単になった。

ちなみに、バインドモードは指定しなければDefaultという値になり状況に応じてWPFが決めてくれるらしい。TextBoxの様に入力可能なコントロールとバインドした場合は双方向になるとのこと。
ただし、TextBoxは依存関係プロパティになっていて変更通知機能があるのでTextBoxの変更をDataContextに伝えることができるが、DataContextへの変更はそのままではTextBoxに伝わらないのだと。

一般的にはDataContextに指定されたCLRオブジェクトに対してはINotifyPropertyChangedインタフェースを実装することにより変更通知を行う必要がある。

とりあえずDataContextの値を確認する為にボタンを追加してソースを以下の様に変更した。

view plainprint?

1. public partial class Window2 : Window  
2. {  
3.     Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };  
4.     public Window2()  
5.     {  
6.         InitializeComponent();  
7.   
8.         this.MyWindow.DataContext = p;  
9.         var bindName = new Binding("Name");  
10.         txtName.SetBinding(TextBox.TextProperty, bindName);  
11.   
12.         var bindAddr = new Binding("Address");  
13.         txtAddr.SetBinding(TextBox.TextProperty, bindAddr);  
14.     }  
15.     //DataContextの値を確認  
16.     private void Button_Click(object sender, RoutedEventArgs e)  
17.     {  
18.         MessageBox.Show(p.Name + "：" + p.Address,"DataContextの確認");  
19.     }  
20.     //名前を長島に  
21.     private void Button_Click_1(object sender, RoutedEventArgs e)  
22.     {  
23.         p.Name = "長島茂雄";  
24.     }  
25. }  

    public partial class Window2 : Window
    {
        Person p = new Person { Name = "原 辰徳", Address = "相模原市1-1" };
        public Window2()
        {
            InitializeComponent();

            this.MyWindow.DataContext = p;
            var bindName = new Binding("Name");
            txtName.SetBinding(TextBox.TextProperty, bindName);

            var bindAddr = new Binding("Address");
            txtAddr.SetBinding(TextBox.TextProperty, bindAddr);
        }
        //DataContextの値を確認
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show(p.Name + "：" + p.Address,"DataContextの確認");
        }
        //名前を長島に
        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            p.Name = "長島茂雄";
        }
    }

これで確認してみると確かにDataContextへの変更はTextBoxに反映しないことが分かった。

DataContextに設定しているPersonクラスにINotifyPropertyChangedインタフェースを実装したのが以下のソース。
PropertyChangedイベントを発せさせれば良いだけだ。
（まったく決まりきった実装になるようだ）

view plainprint?

1. public class Person : INotifyPropertyChanged  
2. {  
3.     private string _name;  
4.     private string _address;  
5.     public string Name  
6.     {  
7.         get  
8.         {  
9.             return _name;  
10.         }  
11.         set  
12.         {  
13.             if (_name == value)  
14.             {  
15.                 return;  
16.             }  
17.             _name = value;  
18.             OnPropertyChanged("Name");  
19.         }  
20.     }  
21.     public string Address  
22.     {  
23.         get  
24.         {  
25.             return _address;  
26.         }  
27.         set  
28.         {  
29.             if (_address == value)  
30.             {  
31.                 return;  
32.             }  
33.             _address = value;  
34.             OnPropertyChanged("Address");  
35.         }  
36.     }  
37.   
38.     public event PropertyChangedEventHandler PropertyChanged;  
39.     protected void OnPropertyChanged(string propertyName)  
40.     {  
41.         var d = PropertyChanged;  
42.         if (d != null)  
43.         {  
44.             d(this, new PropertyChangedEventArgs(propertyName));  
45.         }  
46.     }  
47. }  

    public class Person : INotifyPropertyChanged
    {
        private string _name;
        private string _address;
        public string Name
        {
            get
            {
                return _name;
            }
            set
            {
                if (_name == value)
                {
                    return;
                }
                _name = value;
                OnPropertyChanged("Name");
            }
        }
        public string Address
        {
            get
            {
                return _address;
            }
            set
            {
                if (_address == value)
                {
                    return;
                }
                _address = value;
                OnPropertyChanged("Address");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string propertyName)
        {
            var d = PropertyChanged;
            if (d != null)
            {
                d(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }

確かにDataContextへの変更が即座にTextBoxへ反映されるようになる。