データバインディング

xaml側でのデータバインドは{Binding}を使います。

<StackPanel>
        <TextBlock Name="tbName" Text="{Binding ElementName=txtName,Path=Text}"></TextBlock>
        <TextBox Name="txtName"></TextBox>
</StackPanel>

Bindingはコード側でも実装することができます。

<StackPanel>
        <TextBlock Name="tbName"></TextBlock>
        <TextBox Name="txtName"></TextBox>        
</StackPanel>

protected void InitializeDataBinding()
{
    Binding binding = new Binding();
    binding.Source = this.txtName;
    binding.Path = new PropertyPath("Text");
    tbName.SetBinding(TextBlock.TextProperty, binding);
}

CLRオブジェクトのバインディング

バインディングソースには自分で作ったクラスオブジェクトも指定可能です。

ここではユーザークラスのオブジェクトのバインディングの例でやってみました。

ユーザークラス

using System;

namespace _0721Study
{
    public class User
    {
        public User() { }

        public string Name
        {
            get;
            set;
        }

        public DateTime Birthday
        {
            get;
            set;
        }

        public string Adress
        {
            get;
            set;
        }        

    }
}

次に先ほどのクラスのオブジェクトをバインドさせたxamlの例です。

<Window x:Class="_0721Study.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:_0721Study"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:User x:Key="oUser"
                       Name="山田 太郎"
                       Birthday="1990/07/21"/>
    </Window.Resources>
    <WrapPanel Orientation="Horizontal">
        <Label Content="名前:"  VerticalAlignment="Center" ></Label>
        <TextBlock Text="{Binding Source={StaticResource oUser}, Path=Name}" VerticalAlignment="Center"></TextBlock>
        <Label Content="誕生日:"  VerticalAlignment="Center" ></Label>
        <TextBlock Text="{Binding Source={StaticResource oUser}, Path=Birthday}" VerticalAlignment="Center"></TextBlock>
    </WrapPanel>
</Window>

実行結果

f:id:Gappory:20170721215128p:plain

各コントロールのSource属性にStaticResourceを使ってユーザのオブジェクトを指定して、Path属性にはユーザクラスのもつプロパティを指定しています。

DataContextの使用

DataContext属性を使うことで、親要素にオブジェクトをバインドすることで子要素のバインドを一括してできるようになります。

文章で書くといまいちわかりにくくなってしまいましたが、先ほどの例をDataContextで書くと以下の通りです。

<Window x:Class="_0721Study.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:_0721Study"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:User x:Key="oUser"
                       Name="山田 太郎"
                       Birthday="1990/07/21"/>
    </Window.Resources>
    <WrapPanel Orientation="Horizontal" DataContext="{StaticResource oUser}">
        <Label Content="名前:"  VerticalAlignment="Center" ></Label>
        <TextBlock Text="{Binding Path=Name}" VerticalAlignment="Center"></TextBlock>
        <Label Content="誕生日:"  VerticalAlignment="Center" ></Label>
        <TextBlock Text="{Binding Path=Birthday}" VerticalAlignment="Center"></TextBlock>
    </WrapPanel>
</Window>