MVVM

Functional Reactive Programming + MVVMでのUserControl --- C# WPF

下記記事にてFRPライブラリのSodiumとWPFを連携させてみました。 Functional Reactive Programming + MVVM --- C# WPF - 何でもプログラミング今回はUserControlでも利用できるよう実装してみたいと思います。 アプリケーションコード いつも通り、カウンタ…

Functional Reactive Programming + MVVM --- C# WPF

下記記事にて、Functional Reactive ProgrammingライブラリであるSodiumとWPFを連携させました(F#) SodiumでFunctional Reactive Programming (F#) --- WPF連携 - 何でもプログラミング今回は、C#にてSodiumとWPFを連携させてみたいと思います。 アプリケ…

Elm Architectureを利用したMVVMでのUserControl --- C# WPF

下記記事にて、C#でElm Architectureを利用してWPFアプリケーションを作成しました。 Elm Architectureを利用したMVVM --- C# WPF - 何でもプログラミング今回はElm ArchitectureでUserControlを実装してみたいと思います。F#版での実装は下記記事を参照して…

Elm Architectureを利用したMVVM --- C# WPF

下記記事にてF#でElm ArchitectureをWPFに導入してみました。 F#でWPF --- Elm Architectureを利用したMVVM - 何でもプログラミング今回はC#で近いものを実装してみたいと思います。F#の方ではサポートしたModel→ViewModelの変換は省略していますので、必要…

F#でWPF --- 可変個のコントロール --- 独自の条件で生成するコントロールを変更

下記記事にて、型でコントロールを分岐する実装をしました。 F#でWPF --- 可変個のコントロール --- 型で生成するコントロールを変更 - 何でもプログラミング今回はユーザーが独自に定義した条件で分岐するよう実装します。 作成するアプリケーション F#の判…

F#でWPF --- 階層構造表示

今回はTreeViewを利用して階層構造のデータを表示してみます。 HierarchicalDataTemplate 基本的にはDataTemplateにItemsSourceが加わったのものです。ItemsSourceに子供の要素を保持しているプロパティをバインドします。DataTemplateに関しては下記記事を…

F#でWPF --- リストボックスCommand --- 複数選択

下記記事にてリストボックスで利用できるBehaviorを作成しました。 F#でWPF --- リストボックスCommand - 何でもプログラミング今回はこれを拡張して、複数選択に対応させた実装をします。 ListBoxBehavior 単選択の時とほとんど同じです。SelectedItemを利…

F#でWPF --- リストボックスCommand

今回はListBoxに、選択されたindexを送るCommandを実装します。実装はBehaviorを利用して行います。Behaviorの詳しい内容は下記記事を参照してください。 F#でWPF --- チェックボックスCommand --- Behavior利用 - 何でもプログラミング SelectionChanged Li…

F#でWPF --- フォルダダイアログCommand

下記記事にてOpenFileDialogに対応したActionを作成しました。 F#でWPF --- ファイルダイアログCommand - 何でもプログラミング今回はフォルダを選択するダイアログに対応したActionを作成します。 作成するアプリケーション ボタンを押してフォルダダイアロ…

F#でWPF --- XAMLデザイナでサンプルデータ利用

VisualStudioに備え付けのXAMLエディタでデザインをする際、実行時に決定される可変個のコントロールを扱うのは大変です。そこで今回は、デザイン時にサンプルのViewModelを利用する方法を書いていきます。 DesignInstance 下記のようにXAMLを記述することに…

F#でWPF --- UI画像キャプチャ --- キャプチャ時VM変更

下記記事にてUI画像をキャプチャする方法を記述しました。 F#でWPF --- UI画像キャプチャ - 何でもプログラミング今回は、キャプチャ時のみに表示を変更したい場合に対応します。 実現方法 キャプチャ実行時にViewModelが公開しているキャプチャ用のViewMode…

F#でWPF --- メッセージボックス --- System.Windows.MessageBox不使用

下記記事において、MVVMにおけるメッセージボックス表示の実装を行いました。 F#でWPF --- ファイルダイアログCommand - 何でもプログラミング上記記事での実装は、stringの値にバインドしているというよりは、stringの変化のトリガーに引っかけて動作してい…

F#でWPF --- 可変個のコントロール --- 型で生成するコントロールを変更

下記記事では同じ型のリストを元にコントロールを作成しました。 F#でWPF --- 可変個のコントロール - 何でもプログラミング今回は異なる型のリスト(ベースクラスのリストで、各インスタンスの型はバラバラ)を元にコントロールを作成してみます。 作成する…

F#でWPF --- 可変個のコントロール

F#でWPFプロジェクトを作成する方法は下記記事を参照してください。 F#でWPF --- ウィンドウ表示 - 何でもプログラミング 作成するアプリケーション ボタンを押す度、ランダムな位置に円シェイプを追加するアプリケーションを作成します。 コード(F#側) コー…

F#でWPF --- メッセージボックス

作成するアプリケーション ボタンを押すと"Hello"のメッセージボックスが表示されるアプリケーションを作成します。 MVVMを用いない場合 下記の様なシンプルなコードになります。しかしViewが分離できていません。 button.Click |> Event.add (fun _ -> Mess…

F#でWPF --- ファイルダイアログCommand

今回はファイルダイアログを開いて選択されたパスをCommandで送る機能を実装します。この機能を実装するにあたり、Actionを利用します。 Action Behaviorと同じく、System.Windows.Interactivity.dllを利用します。Behaviorの詳細は下記記事を参照してくださ…

F#でWPF --- スライダーCommand

今回はdouble値をCommandで送るSliderを作成します。 SliderにはCommandプロパティが用意されていないため、Behaviorを作成します。Behaviorの基本は下記記事を参照してください。 F#でWPF --- チェックボックスCommand --- Behavior利用 - 何でもプログラミ…

F#でWPF --- テキストボックスCommand --- 1文字変更毎に発行

下記記事ではキーボードのフォーカスが外れた時にCommandを実行するよう実装しました。 F#でWPF --- テキストボックスCommand - 何でもプログラミング今回は1文字変更する度にCommandを実行するよう実装します。 TextChangedイベント TextBoxにはTextChanged…

F#でWPF --- テキストボックスCommand

今回はstringを送るCommandをTextBoxに追加します。 TextBoxにはCommandプロパティが用意されていないため、Behaviorを作成します。Behaviorの基本は下記記事を参照してください。 F#でWPF --- チェックボックスCommand --- Behavior利用 - 何でもプログラミ…

F#でWPF --- チェックボックスCommand --- Behavior利用

下記記事ではCommandParameterを利用してboolを渡すCommandを実装しました。 F#でWPF --- チェックボックスCommand - 何でもプログラミング今回はBehaviorという機能を利用して同じCommandを実現します。 参照追加 Behaviorを利用するには、System.Windows.I…

F#でWPF --- チェックボックスCommand

今回はチェックボックスのCommandを利用したアプリケーションを作成します。 作成するアプリケーション チェックを入れるとダイアログの背景がグレーに、外すと白になるアプリケーションを作成します。 CommandParameter チェックの状態をCommandと共に送る…

SodiumでFunctional Reactive Programming (F#) --- WPF連携

下記記事ではコンソールアプリケーションにてSodiumを実装しました。 SodiumでFunctional Reactive Programming (F#) --- 導入 - 何でもプログラミング今回はSodimuをWPFのMVVMに対応させたバージョンを実装します。 全体構造 CommandをStreamに、CellをProp…

F#でWPF --- Elm Architectureを利用したMVVM --- Model側のキャッシュ

下記記事で紹介いたしました構造において、Viewの差分更新は自動で行われるのですが、その他の部分は全て毎回作成することになっています。 F#でWPF --- Elm Architectureを利用したMVVM - 何でもプログラミングもし時間のかかる処理が存在する場合は毎回計…

F#でWPF --- Elm Architectureを利用したMVVM

下記の記事でMVVMを紹介しましたが、実装が冗長であるという問題がありました。 WPFにおけるMVVM - 何でもプログラミング今回は下記記事で紹介しました、簡素な記述のできるElm ArchitectureをMVVMに適用します。 Elm --- Model、View、Update - 何でもプロ…

WPFにおけるMVVM --- F#コード版

前回下記記事にて紹介しましたC#版のMVVMを、F#化したものを掲載いたします。 WPFにおけるMVVM - 何でもプログラミング実際には、冗長すぎる、mutableが頻発する、といった理由でこのままの記述方法を使うことはありません。ただ単にC#をF#に書き直したらど…

WPFにおけるMVVM

作成するアプリケーション 簡単なカウンタアプリケーションをもとに説明していきます。 C#のWPFアプリケーションプロジェクトを想定しています。 従来方式での実装 ボタンに登録されたコールバック内にてcountを増減し、テキストにcountを設定する、といった…