MVVM ToolKit の使い方
はじめに MAUIでアプリ作成する際にMVVMで実装を進めたいと思い「MVVM Toolkit」を選択したので、その際の使い方メモ。以下のMicrosoftの公式ページを参考にしてます。 使用環境 Windows11Pro(64bit) VisualStudio2022(64bit) Ver 17.9.6 MVVM ToolKit v8.2.2 プロジェクトの作成 VisualStudioにて「新しいプロジェクトの作成」から「.NET MAUIアプリ」を選択 プロジェクト名やら場所は適当に。フレームワークは「.NET8.0」を選択としました。 プロジェクト名のデフォルトが「MauiApp<数値>」なので、数値だけ消してMauiAppとかにすると、作成されたプロジェクト内でこの名前をすでに使用しているので、名前衝突してビルド出来ませんので、「MauiApp」というプロジェクト名は選択しないで
MVVMにおけるViewModelとModelのプロパティ同期 - NotifyPropertyHelper 1.0.0-beta1
MVVMにおけるViewModelとModelのプロパティ同期 - NotifyPropertyHelper 1.0.0-beta1 MVVMスタイルでWPFアプリケーションなどを作っていると、ViewModelとModelにやたら同じプロパティが出てきます。 それもそのはず、ViewModelはViewの実装上の制約を吸収する層なので、画面の状態（表示内容など）自体はModelもプロパティとして持っています。そうでなければMVVMではありません。詳しくは以前書いた記事を読んでください。 MVVMとは何か ですが、その通りに実装すると同じ名前のプロパティがViewModelとModelで大量に出てきてしまうという問題もありました。 MVVMのサンプルプログラム - TwitterViewer こちらのページで紹介しているサンプルプログラムは基本的にはTwitterからツイートを持ってきて画
C# MVVM Toolkit Demo
This article and the demo are about getting started using the MVVM Toolkit and some self-created interfaces / services for MessageBox and some dialogs. There are many CodeProject articles about other MVVM frameworks, but almost nothing with WPF and the MVVM Toolkit. So I started to create this document. Download source code - 7.1 MB Introduction This article and the demo are about getting started
WPF MVVMパターン－M・V・VMの役割 : showeryのブログ
WPF MVVMパターン－M・V・VMの役割MVVMパターンの常識 ― 「M」「V」「VM」の役割とは？MVVMパターンの概要「ビジネス・ロジックとプレゼンテーション・ロジックを分割する」という目的とともに、開発者がUIデザイナーと協業でアプリケーションを作っていく未来を見据えたパターンでもあります。 ViewはViewModelに依存し、ViewModelはModelに依存します。逆方向の依存はありません。ViewUIUI Logic (Code Behind)Viewは、UIの外観と構造を定義し、幾分かのプレゼンテーション・ロジックも含みます。ViewModelPresentation LogicViewModelは、プレゼンテーション・ロジックとステート（＝状態）を含みます。VM → VNotificationVM ⇔ VDataBindingCommandsModelBusines
System.Windows.Interactivity.dll → Xaml.Behaviors.Wpf | :: halation ghost ::
System.Windows.Interactivity.dll から Xaml.Behaviors.Wpf へ 公開済み 2020年8月16日 · 更新済み 2022年8月29日 このサイトで公開するエントリのほとんどは連載記事ですが、このカテゴリの記事は連載ではありません。今まではこのエントリに書いているような内容は連載記事の一部として書いていましたが、他記事からリンクし易いよう単独記事として分割する事にしました。今回は WPF アプリを作成するためには欠かせない System.Windows.Interactivity.dll が OSS になり名前も変わった Xaml.Behaviors.Wpf について紹介します。 尚、この記事は Visual Studio 2019 Community Edition で .NET Core 3.1 以上 と C# + Prism + MahA
ReactiveProperty で二度押し防止 2019 年 6 月版 - かずきのBlog@hatena
改版履歴 ReactiveProperty v5.6.0 に合わせてアップデート 本文 ということで書いていきましょう。 といっても二度押し防止系は AsyncReactiveCommand 使うと楽。以上です。 例えば非同期処理が終わるまで押せないボタンを実現したい場合は以下のような ViewModel になります。 using Reactive.Bindings; using System.ComponentModel; using System.Threading.Tasks; namespace DoubleClickApp { public class MainWindowViewModel : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; public Asy
【WPF】リファクタリングで学ぶMVVM、Prism ー はじめに - Qiita
WPF、MVVM、Prismのそれぞれの技術要素を、既に作成されたアプリケーションをリファクタリングを行いながら、体系的に学んでいければという記事となります。 リファクタリングを行ううえで最小限の項目しか扱いませんので、WPFやPrismの内容を詳細に学んでいく、とい趣旨ではないことをご了承ください。 ※サンプルで用いているコンポーネントはInfragistics社のWPF製品を採用している箇所がありますので、動作をお試しいただく際にはコンポーネントのインストールが必要(Trial版あり)となります。 どんなアプリケーションをリファクタリング？ 社員情報を管理するような簡単なアプリケーションを作りました。取り扱う情報としては、名前、年齢という基本的な項目のみ。 仕様 左側のエリアにて、 社員情報一覧を表示 レコードの増減は、"行追加","行削除"のボタンより実行 右側のエリアに、 社員情報
【C#】WPFでMVVMをフレームワークなしでシンプルに構築する
はじめに WPF でアプリケーションを構築するときに、WindowsForm 癖なのか Xaml ファイル内にイベント作成してロジックを書き込んで・・・というようにしてしまいがちです。 そうなると 1 つのファイルでの役割が多くなりすぎてしまい、コード量が多くなりメンテナンス性が悪くなってしまいます。 そこで MVVM モデルを採用することで Model-ViewModel-View を 3 層に分けることができ、 デザイン=View、画面処理=ViewModel、ロジック=Model というように機能ごとに開発することができます。 こうすることで仕様変更等のコード修正箇所が少なく済むというメリットがあります。 さらに MVVM というのは WPF のために導入されたモデルなので非常に相性が良いというもの採用すべき点です。 MVVM について詳細は以下サイトが参考になります 今回はシンプル
[C#]WPFでのMVVMについてサンプルアプリからまとめ
WPF での MVVM Model/View/ViewModel の話などありますが、きちんと理解するのに数年を要した概念なので改めて概念をまとめてみます。 この記事でまとめたいこと Model/View/ViewModel の書き方 View と ViewModel の分離について ダイアログの出し方 .NET Community Toolkit, Microsoft.Extensions.DependencyInjection, Microsoft.Xaml.Behaviors.Wpf の使用を前提とします。 作ったアプリのサンプルは に設置します。 作るアプリ ・Web APIから現在時刻を取得して、その結果を表示 ・ダイアログで確認後、選択内容をクリップボードにコピーする MVVM の実装 Model MVVM における Model は「View に関わらないこと全般」です。 AP
![[C#]WPFでのMVVMについてサンプルアプリからまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/64e92673d47c581c6e010deb29c735c315b888e5/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--v-k-SQO7--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BC%252523%25255DWPF%2525E3%252581%2525A7%2525E3%252581%2525AEMVVM%2525E3%252581%2525AB%2525E3%252581%2525A4%2525E3%252581%252584%2525E3%252581%2525A6%2525E3%252582%2525B5%2525E3%252583%2525B3%2525E3%252583%252597%2525E3%252583%2525AB%2525E3%252582%2525A2%2525E3%252583%252597%2525E3%252583%2525AA%2525E3%252581%25258B%2525E3%252582%252589%2525E3%252581%2525BE%2525E3%252581%2525A8%2525E3%252582%252581%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AKZRNM%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzMyZDYxMGJkNGEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
世界で一番短いサンプルで覚えるMVVM入門 | 初学者DIYプログラミング入門
Windows Form に比べて、画面のデザイン性を大幅に強化したWPF（Windows Presentation Foundation）ですが、Windows Form技術者がWPFに移行することを考えた場合、結構敷居が高いと感じるのではないでしょうか。 特に WPF は MVVM（Model-View-View Model）というデザインパターン（プログラムを作る上での約束ごと）を推奨としていることから、イベントハンドラを使ったWindows Formの作り方とは大きく異なります。 ただ、DIYプログラミングを考えた場合、MVVMで作る意味はほとんど無く、逆に生産性を下げてしまうのでお勧めはしていません。 しかし、MVVMの本質について理解しておくことは大切だと思うので、簡単なサンプルを使って解説しておこうと思います。 MVVMとは MVVM（Model - View - ViewM
MVVMにおけるデータ仮想化の実装 - まめ - たんたんめん
概要 デモアプリ 実装 デモで利用したライブラリ こんにちは。 今日は仮想化についての話です。 WPF界隈で仮想化と検索するとVirtulizingStackPanelのようなものViewに関する記事などが多く出てくるとと思いますが 今さら使い方の説明を書いても面白みがないので、あまり記事になっていないデータの仮想化について実装記事を書いてみようと思ったのが経緯です。 WPFを使ったサンプルプログラムを作ったのでそれをもとに具体的なコードを交えながらポイントを解説したいと思います。 概要 データの仮想化に触れる前に少しだけUIの仮想化について触れておきます。 UIの仮想化とは表示領域のUIオブジェクトのみをインスタンスを保持することでパフォーマンスを向上される手法です。。 WPFではVirtulizingStackPanelという機能があり、ItemsControlで利用できます。 データ
WPF4.5入門 その60「データバインディングを前提としたプログラミングモデル」 - かずきのBlog@hatena
WPFでは、強力なデータバインディングを活かした設計パターンとしてModel View ViewModelパターンというアプリケーションを設計するうえでの定石となる設計パターンがあります。Model View ViewModelパターンはMVVMパターンと略されます。MVVMパターンは、WPFだけでなくWebアプリ開発や、その他のアプリ開発にも波及していて、それぞれの状況に応じて形を変えて存在しています。 MVVMパターンは、MSDNマガジンの以下の記事をきっかけに世間に認知されるようになりました。 Model-View-ViewModel デザイン パターンによる WPF アプリケーション : http://msdn.microsoft.com/ja-jp/magazine/dd419663.aspx また、MicrosoftはオープンソースでPrismというMVVMパターンをサポートす
MVVMを少し調べてみる - 負け犬プログラマーの歩み
今働いてるC#の案件は、元々はPGx2人で作るはずが俺1人になったけど、それでも納期が死ぬほど甘いので、とにかく時間が腐るほどある。だから、WPFかつMVVMで作って見ることにした。失敗してもアプリケーションの機能が少ないから、Formで作り直しても間に合うし。初めてVisual Studio 2005より先のバージョンを業務で使えるので、LINQだのラムダ式だのの要素はひと通り使うつもり。.NET 4.0だからC#5.0の非同期処理は使えないけど。 で、AndroidとWPFは少し似ている部分もある。MVVMで一度開発してみれば、自分が作ろうとしているMVC+PMのアーキテクチャーに何か新しい知見と着眼点をもたらしそうな気がするんだよね。MVVMは、MVPMの亜流と言われているが、門外漢にさらりと分かる詳しい解説もあまり無かったんで、実際に作ってみないと見えてこないことがある。 以下は開
MVVMをベースに複雑な振る舞いを しっかり把握できるアプリ開発
Realm meetup #6 で発表した Sync iOS開発の舞台裏についてです プロジェクトの話や、MVVM、ViewBindingなど多義にわたり解説しています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Model のインタフェースの上に ReactiveCommand は立っている step: 8 ReactiveCommand 入門 | :: halation ghost ::
Apterygiformes-zennさんの記事一覧
【C#】MVVMのフォルダ構成とサンプル【Command】
WPF + MVVM の勉強１：データバインディング