C# WPF入門-簡単アプリ作成-03 - エンジニアの備忘録

環境
前回までと今回の目標
ちょっと整理
- CanExecuteを実装
"Microsoft.Xaml.Behaviors.Wpf"をNugetから取得
XAMLの修正
ViewModelを修正
完成
リンク

環境

VisualStudio2019
OS：Windows10
プロセッサ：Core i7-10510U
メモリ：16GB
フレームワーク：4.7.2

前回までと今回の目標

WPFでButtonにCommandを入れました。
その方法をまだご覧になってない方は、是非どうぞ。
dasuma20.hatenablog.com

せっかくCommandを入れたのに、Buttonに入れるのは使いにくいです。
今回はFirstName、LastNameを入れたらCommandが実行されるようにします。

ちょっと整理

CanExecuteを実装

下記に方法は記載しています。
C# WPF-Tips-Buttonの活性/非活性をCommandのCanExecuteでハンドリングの仕方 - エンジニアの備忘録

"Microsoft.Xaml.Behaviors.Wpf"をNugetから取得

TextBoxからCommandを実行するにはこのNugetが必要になります。
f:id:dasuma20:20191117154435p:plain
※1.1.3をインストール

XAMLの修正

１．behaviorsを読み込み

xmlns:i="http://schemas.microsoft.com/xaml/behaviors"

上の部分に書くと下で使えます。
csファイルで言うと"using"みたいなものです。

２．Interactionに追加

<TextBox Text="{Binding Name.FirstName}" Width="100">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="LostFocus">
            <i:InvokeCommandAction Command="{Binding SetNameCommand}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</TextBox>

LostFocusはフォーカスが外れた時にCommandが発動されます。
他にも色々あります。
値が変わったらなど。

ViewModelを修正

public ICommand SetNameCommand {
    get { return new BaseICommand(SetNameCallBack); }
}
private void SetNameCallBack() {
    Name.SetName();
}
private bool CanNameCallBack() {
    return Name.CheckName();
}

"CanNameCallBack()"は使わなくなったので、BaseICommandの第２引数は削除しました。