MVVM ViewModel で UI イベントをコマンドにバインドするにはどうすればよいですか?

ViewModel のコマンドに UI イベントをバインドする: MVVM パースペクティブ

MVVM (Model-View-ViewModel) アーキテクチャを採用する場合、共通の課題は、UI イベントをコードビハインドから切り離し、ViewModel に移動して懸念事項の分離を改善する方法です。ここでイベント バインディングが役に立ちます。

イベント バインディングについて

伝統的に、UI イベントはコードビハインドで直接処理されるため、保守が困難なスパゲッティ コードが生成されることがよくあります。イベント バインディングを使用すると、UI イベントを ViewModel 内のコマンドにバインドできるようになり、UI のプレゼンテーションをイベント処理ロジックから効果的に切り離すことができます。

イベントバインディングを実装する

WPF 環境では、System.Windows.Interactivity 名前空間の EventTrigger クラスと InvokeCommandAction クラスを使用してイベント バインディングを実装できます。次の例を考えてみましょう:

<code class="language-xml"><ListBox ...>
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="SelectionChanged">
      <i:InvokeCommandAction Command="{Binding SelectedItemChangedCommand}" />
    </i:EventTrigger>
  </i:Interaction.Triggers>
</ListBox></code>

ListBox の SelectionChanged イベントに EventTrigger をアタッチすることにより、ViewModel で SelectedItemChangedCommand へのバインディングを作成します。

ViewModel の実装

ViewModel で、SelectedItemChangedCommand プロパティとその実装を定義します。

<code class="language-csharp">public ICommand SelectedItemChangedCommand { get; private set; }

public MyAppViewModel()
{
    // ...
    SelectedItemChangedCommand = new RelayCommand((param) => { /* 在此处处理选择更改逻辑 */ });
}</code>

参照 System.Windows.Interactivity

EventTrigger クラスと InvokeCommandAction クラスを使用するには、System.Windows.Interactivity.dll を参照する必要があります。これを行うには、Visual Studio でプロジェクトを右クリックし、[参照の追加] を選択して、[拡張機能] タブを参照します。

i 名前空間プレフィックス

XML バインディングの i 名前空間プレフィックスは、「System.Windows.Interactivity」の略称です。プロジェクトでアセンブリを参照する場合は、完全な名前空間「clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity」を必ず含めてください。

この方法でイベント バインディングを実装することで、UI イベントをコードビハインドから分離することができ、より柔軟でテストしやすいコードを作成できるようになります。このアプローチは MVVM アーキテクチャの原則に準拠しており、クリーンなコード編成と保守性を促進します。

以上がMVVM ViewModel で UI イベントをコマンドにバインドするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。