WPFのTextBoxに入力した文字を、ボタンのクリックなどなしにラベルに表示する方法

Question

Visual C#でWPFのアプリを作成するにあたって、以前、ボタンのクリックなどの操作なしで、
TextBoxなどの入力した文字が自動的にLabelなどに表示される方法があると聞きました。
ただ、Web中心にその方法を調べていますが、見当たりません。
そこで、今回質問させていただきました。

どんな方法なのかを教えて下さい。

簡単なところから、WPFに取り組もうと思っています。
そして、いずれMVVMなどを実装したアプリを作りたいと思っています。

どうぞよろしくお願い致します。

Answer 1

質問者さんのやりたい事は「データバインディング」で、
ラベルのプロパティを表示し、以下のような手順でバインディングを設定することができます。

XAML上では、ラベルのコンテンツ部分にはバインディングの書式が適用されます。

<Label x:Name="label" Content="{Binding Text, ElementName=textBox}" ...>

※あんまりこのGUIでバインディングする人はいないかもしれませんが、構文を忘れたときには便利です。

この場合意味的には「textBox要素のTextプロパティが変わったらContentに反映しろ」的な感じになると思います。

データバインディングの種類はいくつかあり、今回はXAML要素をバインディングしましたが、例えば自作クラスのプロパティに対してバインドすることもできます。

Comments

[FacePanel]

ありがとうございます。感謝です。
こんなに分かりやすい解説は見たことがありませんでした。
すごい簡潔でした。こうした分かりやすさで、MVVMも解説して欲しいものです。

Answer 2

データバインディングというキーワードで調べてください。

Answer 3

データバインドを調べれば良いと思うよ
入力と同時に更新したい場合は”UpdateSourceTrigger”も調べると解決するはず
どちらにせよMVVMは必要になるのでModel部分もとりあえずはViewModelにぶち込んでしまう形でも良いのでViewModelを使用したデータバインドは勉強しておいた方が良いと思うよ

Comments

[FacePanel]

ご回答ありがとうございます。
現在調査中です。ただ、コードのサンプルがあっても、やり方の分からないところが多くて、現在はまだ四苦八苦の最中です。もう少し頑張って理解を深めたうえで、また、改めて回答したいと思います。

[len_souko]

MVVMは置いておくとして、今回の質問に対しての回答としてのデータバインディングだけど、大雑把に言うと、
プロパティのsetterで自分自身や影響のある他のプロパティへ変更イベントを発行して、画面側（MVVMでいうところのView）が「変わったんなら拾い直すかー」と変更イベントの起きたプロパティを読みに行って（プロパティのgetterが実行される）、画面に表示するデータが変更されるという仕組み
なので、質問の件はそのデータバインドを利用してテキストボックスに入力したらバインドされたプロパティのsetterが呼び出されて、その中で自分自身の変更通知を行い、同じプロパティをラベルにバインドしておけばバインディング機能がgetterを呼び出してラベルの表示が変わる
そういう流れです
もちろん、違うプロパティをバインドしておいてそのプロパティの変更通知を発行してやれば違うプロパティをバインドした表示が更新されます

[len_souko]

あとはプロパティでreturnするプライベートフィールドを他のプロパティで使ったり組み合わせたりすることで色々遊べます

[FacePanel]

このコメント、ありがとうございます。今後のために、参考にさせていただきます。

[len_souko]

1年以上経っても全く身についていないとのことで、参考にしてもらえなかったようで残念です。