wpfでイベントを追加する場所はどこですか？

Question

###疑問
wpfについてなんですが、コントロールからイベントを作成するとmainwindow.xaml.csにイベントが追加されます。数多くのコントールがすべてここに追加されるとごちゃごちゃになりませんか？

###質問
例えば別のファイルを自分で作成して、そちらにコントロールを追加することはできるでしょうか？また一般的でしょうか。

想像ですが、イベントだけはmainwindow.xaml.csにすべて書いて、処理部分は別のファイルに書くという感じでしょうか？

こういった概念的なことは、なんと調べたらいいのかわかりません。
セオリーがあれば教えてください。

Answer 1

ゴチャゴチャにならないよう、MVVM という手法を使うのが一般的です。

また、ファイルを分けたいだけなら、C# の partial キーワードを使うことができます。

Comments

[blendegg]

ありがとうございます。
regionなどでもいいようですね

分ける意味がないのなら、すべてを１つのファイルに入れてもいいと思います
気持ちの問題だと思いますから

[Zuishin]

気持ちの問題というより作成者の技術の問題でしょうか。MVVM でできるならそれを使うのが正道で、できないならできる範囲でするより仕方ないというところです。

Answer 2

どの程度の内容を難しいと感じるのか（何をやって何を難しいと思ったのか）、また、どのぐらいの知識を身につけたいを思っているのかわからないので何とも言えませんが…

それなりにまとまってそうなのはこんなサイトでしょうか。
https://www.tutorialspoint.com/mvvm/

ぱっと検索してみた感じだと、日本語のその手のサイトは情報が少なすぎたり、分散してたり、内容が古かったりするようなので、どうしても日本語で、という場合は本屋で書籍等を探してみてください。

Comments

[blendegg]

ありがとうございます
wpfはあまり流行ってないんでしょうか

[gentaro]

Microsoftが期待していたほどには流行ってないんじゃないですかね。
デスクトップアプリそのものが昔（WinForm時代）ほど流行ってないですし…。

業務アプリケーションの分野でも、WPFへ移行せずWinFormのままの物はたくさんあります。

Answer 3

WPFの場合、最も一般的なのはMVVMパターンによる実装ですが、WinForms等でもIDEからイベントハンドラを生成すると一つのファイルにまとめて作成されます。ファイルを分けようと何をしようと、イベントハンドラを使いたいのであれば、最低限どこかにその定義がないといけないので、一つのファイルに定義される方がむしろまとまってるとさえ言えます。

どの程度のレベルから「ごちゃごちゃする」と感じるかは個人差があると思いますが、イベントハンドラの中に「やりたいことを全て書く」という方法をとってしまうと、可読性が著しく落ちので良くない、というのは昔から言われています。

必要なのは「関心の分離」であり、MVVMはバインドという機構を使って、イベントへの紐づけの部分（XAML）と、その内部処理（ViewModel）で分ける方法です。
この場合、いわゆる「イベントハンドラ」のコードは原則不要になります。（その内容はViewModelに移動できるため）

WPFという前提ならこの方法で構いませんが、もっと一般化すればUI部品はデータの入力・出力のための最低限の処理だけを記述し、そのデータを加工するなどの処理は別のオブジェクトに任せる、という考え方が「セオリー」じゃないでしょうか。

他のコメントで仰っているregionを使うとIDEで折り畳むことはできますが、ファイル内の記述そのものは減ってないので、あまり意味はないと思います。（むしろ、それで「ごちゃごちゃしない」と思って多用されても困るので、お勧めしたくないぐらいです）

Comments

[blendegg]

mvvmというものを使うとイベントハンドラ自体を使う必要がないんですね
mvvmというものを調べていてもとても難しいサイトしかないですが、極力シンプルなチュートはないでしょうか？

Answer 4

質問者さんが書かれている方法はWinForms等と同じイベントハンドラで処理する方法ですが、WPFではZushinさんが書かれているように、MVVMを使用することが多いです。

次のようにViewModelでCommandをプロパティとして公開し、View(XAML)側でCommandをバインドして呼び出します。
汎用的な処理であれば、BehaviorやTriggerActionを使うこともあります。

<Window x:Class="WpfApp1.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:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:ie="http://schemas.microsoft.com/expression/2010/interactions"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Window.DataContext>
        <local:MainWindowViewModel />
    </Window.DataContext>

    <StackPanel Orientation="Vertical">
        <!-- Commandに対応するイベント(Buttonの場合はClickイベント)を処理する場合 -->
        <Button Content="{Binding Text}" Command="{Binding ClickCommand}" />

        <!-- Commandプロパティを持たないかCommandに対応しないイベントを処理する場合 -->
        <Button Content="{Binding Text}">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <i:InvokeCommandAction Command="{Binding ClickCommand}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Button>
    </StackPanel>
</Window>

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows.Input;

namespace WpfApp1 {

    class MainWindowViewModel: BindableBase {

        public string Text {
            get => this._text;
            set => this.SetValue( ref this._text, value );
        }
        private string _text = "";

        public ICommand ClickCommand { get; }

        public MainWindowViewModel() {
            this.Text = "None";
            this.ClickCommand = new SimpleCommand( () => this.Text += "Click!" );
        }
    }

    class BindableBase: INotifyPropertyChanged {
        public event PropertyChangedEventHandler PropertyChanged;

        protected bool SetValue<T>( ref T currentValue, T newValue, [CallerMemberName] string memberName = "" ) {
            if( !EqualityComparer<T>.Default.Equals( currentValue, newValue ) ) {
                currentValue = newValue;
                this.PropertyChanged?.Invoke( this, new PropertyChangedEventArgs( memberName ) );
                return true;
            }
            return false;
        }
    }

    class SimpleCommand: ICommand {
        public event EventHandler CanExecuteChanged;

        private Action Action { get; }

        public SimpleCommand( Action action ) => this.Action = action;

        public bool CanExecute( object parameter ) => true;

        public void Execute( object parameter ) => this.Action?.Invoke();

    }
}

Comments

[blendegg]

このget setというものが謎でしたが、MVVMというんですね、
まだ理解できないので調べてきます。

[draq]

get set というのは、プロパティ定義の話ですか？であれば、MVVMとは直接関係ありません。
Viewに公開する値をプロパティとして定義しているだけです。