WPFでコントロールを別クラスとバインディングする方法

Question

WPFでコントロールを別クラスとバインディングする方法

C#/WPFにて、コントロールと別のクラスを上手くバインディングすることが出来ず困っています。
ViewModelから、コントロール(Button)に対応した別のクラスを経由して、画面に値を設定したいと思っています。
しかし画面に反映することができないため質問します。

※補足です
ここでは、MainWindow.xaml, MainWindow.xaml.cs の2ファイルは変更しないことを前提とさせてください。
XAMLにて DataContext="{Binding Btn1} と書いているのは間違えているわけではありません。
XAMLでは、ButtonにはDataContextのみを指定し、Contentは指定しないこととします。

ちなみに、本来やりたいことはもう少し複雑で、
最終的にはこれを発展させ、Buttonを継承したMyButtonを画面に設置、MyButtonとButtonDataをViewModelを経由してBindingする、という形を取ることになります。

構成

プロジェクトの構成（主なもの）は以下の通りです。

• MainWindow.xaml
• MainWindow.xaml.cs
• ViewModel.cs
• ButtonData.cs

MainWindow.xaml.cs

MainWindow は DataContextにViewModelを指定します。

[MainWindows.xaml.cs]

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new ViewModel();
        }
    }

MainWindow.xaml

画面にはボタンを一つだけ設置します。
Btn1のDataContextには、ViewModelの"Btn1"というプロパティをバインドします。

[MainWindow.xaml]

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication2"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button x:Name="Btn1" DataContext="{Binding Btn1,Mode=TwoWay}" />
    </Grid>
</Window>

ButtonData.cs

ButtonDataは、コントロールのButtonクラスに対応するクラスです。
ViewModelからはButtonクラスではなく、このButtonDataクラスのContentプロパティに値をセットすることで、画面に文字を反映しようとします。

    public class ButtonData : INotifyPropertyChanged
    {
        public ButtonData() { }

        private string _Content;
        public string Content
        {
            get
            {
                return this._Content;
            }
            set
            {
                if (this._Content == value)
                    return;
                this._Content = value;
                OnPropertyChanged("Content");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string name)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }
    }

ViewModel.cs

最後にViewModelクラスです。
ViewModelには、MainWindow.xamlに設置したボタン"Btn1"に対応するプロパティ"Btn1"を用意します。
ViewModel上で、Btn1.Contentに値をセットすると、これが画面に反映されることを想定しています。

    public class ViewModel : INotifyPropertyChanged
    {
        public ViewModel()
        {
            var button = new ButtonData();
            button.Content = "hello";
            Btn1 = button;
        }

        private ButtonData _Btn1;
        public ButtonData Btn1
        {
            get
            {
                return _Btn1;
            }
            set
            {
                _Btn1 = value;
                OnPropertyChanged("Btn1");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string name)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }
    }

疑問

上記のようにコードを作成しました。
想定では、画面に表示されるボタンに"hello"と表示されるはずでしたが、何も表示されません。
なぜボタンには何も表示されないのでしょうか。
（ここではButtonDataやViewModelクラスを必ず使用する、という前提の質問です。）

Answer 1

こんにちは。

DataContextに設定したからといってButtonのプロパティに反映されるわけではありません。
ButtonのContentnにViewModelの値を設定したいのであれば、以下のような感じでしょう。

public class MyButton : Button
{
    public MyButton()
    {
        SetBinding(ContentProperty, new Binding("Content"));
    }
}

Comments

[alths122]

解答ありがとうございます。
xamlでは、ボタンにはDataContextのみを指定することが前提（今回の仕様）とさせてください。

[Tak1wa]

XAMLを使わないとなるとコードビハインドを使うしかないです。
何らかの方法でDataContextのプロパティとButtonコントロールのDependencyPropeprtyをバインドする必要があります。

それはOKなのでしょうか

[Tak1wa]

あ、もしやDataTemplateを使っている？

[alths122]

はい、その方法は構いません。
例えばButtonを継承したMyButtonを作ったとして、MyButtonの中でDependencyPropeprtyをバインドするような形になるのでしょうか？

[alths122]

すみません、DataTemplateは使用しません。
DependencyPropeprtyを使用するのが正解だと、うっすらと記憶しております。
（うっすらと記憶にある業務コードの真似事なので…）

[Tak1wa]

うーん…コードビハインドで冗長になっただけで、あまり意味を感じないですけど追記しました。

[alths122]

ありがとうございます。まさに求めていた答えでした。
なぜButtonではできず、MyButtonでは可能なのでしょうか？
Buttonクラスには SetBinding(ContentProperty, new Binding("Content")) と同様の機能が組み込まれていると思っていたのですが、違うということなのでしょうか。

[ozwk]

冗長になって
初見だとxamlと動作のギャップに戸惑い、
そこまでしてできることが
Contentの代わりにDataContextを書くようになるだけという…

[haru666]

バインドは明示的な作業ですから、どこかで指定しないとできません
動的に変更する必要がない場合は文字列を直接指定すればいいわけですし、無駄なコストですから

それと、new BindingではBindingModeをTwoWayにしておかないと、途中でButtonDataのContentを書き換えても表示が変更されません。

[alths122]

>ozwkさん
その気持ちはよく分かるのですが…
（私もそのギャップに戸惑って質問してしまいましたので）
Buttonのような簡単なコントロールではなく、もっと複雑なコントロール（データツリーやデータグリッドなど）を継承してさらにカスタマイズする際に有用だという話を聞きました。
（どう有用なのかは、まだ理解できていませんが…）

[haru666]

動作をアーキテクチャ側でコントロールしたいという発想はありますよ。
複数の設定を一か所で行って置き、またButtonDataのようなクラスを先に複数用意しておくことでコーダーの作業を単純化できます。この手のプログラミングはMagicと言われることがあります。

Answer 2

<Button x:Name="Btn1" DataContext="{Binding Btn1,Mode=TwoWay}" Content={Binding Content}/>
または
<Button x:Name="Btn1" Content={Binding Btn1.Content}/>

Comments

[alths122]

Btn1.ContentをBindingする方法もあるかとは思いますが、
ここはBtn1自体をBindingする方法を取ることを前提とさせてください。

[alths122]

解答ありがとうございます。
xamlでは、ボタンにはDataContextのみを指定することが前提（今回の仕様）となります。

Answer 3

答えとしては、できません。

DataContextはその名の通りContextであり、それ自体が表面に影響を及ぼすものではありません。
DataContextに値を設定してもその他のものがBindingされていなければボタンに関連付けられたただのデータです。

ボタンにDataContextのみを指定し、一切XAML・コードビハインドを修正せず画面に表示するようなハックはありません。

Comments

[alths122]

…とは思うのですが、業務コードではこれを実現しており、不思議に思っています…

[haru666]

他のところにコードありませんか？
思いっきり迂回してなんの利便性の無いことをやってみたり、スタイルで必ずContentとBindさせておいたり、そういうことしてませんか？

[haru666]

…っていうか業務コードでやってるのがあるならそっちちゃんと読みましょう。
こっちで違う答えでもし解決したとしてそれをやったら全体としては悪化させてるだけです。

[alths122]

Styleは確認していますが、特別にボタンに対してStyleは指定していなかった認識です。
実際にはButtonを継承したクラスを使用しており、またこのクラスの中でDependencyPropeprtyを使用していた覚えがあります。
（今となっては確認のしようがないのですが…）

[haru666]

Buttonを継承したクラスがあったんですね？
それが無きゃこのなぞなぞは解けません。
最初から固定のプロパティにBindする前提のコントロールは確か作れたと思います。

それを伏せて質問しても同じ結果は得られないと思いますよ。
まずその時点でXAML弄ってますからね…
UserControlのサンプルなんかで見た記憶がありますし、たぶんContentにBindしておくだけでそういうボタンは作れたと思います。
私の家にはVS環境がないので確認してみることができませんが…

[alths122]

申し訳ありません。構成に関して勘違いをしておりました。