編集履歴

質問編集履歴

質問内容を整理しました。

2017/05/09 06:12

投稿

maroaig

スコア14

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,14 +1,14 @@
 ###前提・実現したいこと
-C#で、MVVMを使用したプログラムを作成したいと思います。
-複数の解釈とコード例が検索されますが、なかなか納得する
+MVVMで、Web検索しますと、複数の解釈とコード例が検索されますが、基本的な例が見つかりません。
+そこで、MS社の資料を参考にC# Prism Unityで、MVVM構造の単純なプログラムを作成しました。
-例が見つかりません。
+＜作成内容＞
-「テキストボックスにそれぞれ、ある数Aとある数Bを入力し、ボタンを押すとラベルに結果を表示する。」
+「各テキストボックスに、ある数Aとある数Bを入力し、ボタンを押すとラベルに結果を表示する。」
@@ -16,69 +16,25 @@
+＜課題＞
-これを、Prismを使って、Boost View、ViewModel Model に分離し、大企業向けの開発体制を考慮し作成すると、只の足し算が信じられない複雑なプログラムになります。
+素直に、そのまま作りますと、只の足し算が信じられない複雑なプログラムになりました。
+簡単なプログラムにする良い方法を検討しています。
-ここに質問したいことを詳細に書いてください
+###ここに質問したいことを詳細に書いてください
-MSDNの説明は、応用的、基本が見えないと思います。そこで
-MVVMの単純な基本、Prismを使用した定石はどんなものとなりますか？
-###発生している問題・エラーメッセージ
-１．View＋ViewModelだけで、MVVM
-２．View＋ViewModel＋Model
-３．View＋ViewModel＋Control
-４．View＋ViewModel＋プレゼンテーション
-なぜか、使いこなすには至らない。
-ここで、これが、良いパターンとは、説明できない。
-複雑過ぎではないかなぁ工数を費やす気になれないのは私だけでしょうか？
-エラーメッセージ
-１．モジュール分け、ファイル分割で、プログラムの動作が見えなくなる。
+C# Prism Unityで、MVVM構造プログラムを作成する場合、定石的な方法で、簡単なコードをご教授下さい。
-２．工数が増大する。
-３．保守が難しい。
 ###該当のソースコード
-この例が一番良いと思います。
-しかし、最新のメソッドを使用している様子、基本的では無いのでは
-と思い質問しました。
-http://qiita.com/hiki_neet_p/items/e381c687b0644c0e4978
-###試したこと
-ToReactivePropertyAsSynchronized()の調査
-只の足し算でも、ここまでになるのは理解に苦しむ。
-###補足情報(言語/FW/ツール等のバージョンなど)
 マイクロソフト社の解説書
@@ -90,7 +46,7 @@
-（基本プログラム作成）
+（複雑になった基本プログラム）
 ![イメージ説明](78f3fa4f171e55f15d7fc1a4c24ec07a.png)

コードを追加する。

2017/05/09 06:12

投稿

maroaig

スコア14

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -87,3 +87,465 @@
 MVVM関連
 https://www.microsoft.com/ja-JP/download/details.aspx?id=39042
+（基本プログラム作成）
+![イメージ説明](78f3fa4f171e55f15d7fc1a4c24ec07a.png)
+1．準備
+VisualStudioCommunity2015
+wpfアプリケーションのプロジェクト
+NuGetパッケージ管理より
+Prism、Prism.Unitをインストール
+2.Composite Application Libraryを学ぶ
+2-1 App.XAML
+```XAML言語
+<Application x:Class="WpfMVVMPrism.App"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:local="clr-namespace:WpfMVVMPrism"
+    Startup ="Application_Startup">
+    <Application.Resources>
+    </Application.Resources>
+</Application>
+```
+2-2 App.XAML.cs
+```C#言語
+using System.Windows;
+namespace WpfMVVMPrism
+{
+    /// <summary>
+    /// App.xaml の相互作用ロジック
+    /// </summary>
+    public partial class App : Application
+    {
+        private void Application_Startup(object sender, StartupEventArgs e)
+        {
+            var boot = new Bootstrap();
+            boot.Run();
+        }
+    }
+}
+```
+2-3 Bootstrap.cs Shellをコンテナに登録（最小コード）
+```C#言語
+using System.Windows;
+using Microsoft.Practices.Unity;
+using Prism.Mvvm;
+namespace WpfMVVMPrism
+{
+    /// <summary>
+    /// Unity コンテナーを使用する。
+    /// </summary>
+    public class Bootstrap : Prism.Unity.UnityBootstrapper
+    {
+        protected override DependencyObject CreateShell()
+        {
+            return this.Container.Resolve<Shell>();
+        }
+        protected override void InitializeShell()
+        {
+            ViewModelLocator.SetAutoWireViewModel(this.Shell, true);
+            ((Shell)this.Shell).Show();
+        }
+    }
+}
+```
+2-4 Shell.XAML
+```XAML言語
+<Window
+    x:Class="WpfMVVMPrism.Shell"
+    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:local="clr-namespace:WpfMVVMPrism"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    Title="MVVMの基本その１(計算 A+B=C)"
+    Width="350"
+    Height="200"
+    mc:Ignorable="d">
+    <!-- <Window.DataContext>
+        <local:ViewModel />
+    </Window.DataContext> -->
+    <Grid>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition />
+        </Grid.ColumnDefinitions>
+        <Grid.RowDefinitions>
+            <RowDefinition />
+            <RowDefinition />
+            <RowDefinition />
+            <RowDefinition />
+        </Grid.RowDefinitions>
+        <TextBox
+            x:Name="textBoxA"
+            Grid.Row="0"
+            Text="{Binding DataA}" />
+        <TextBox
+            x:Name="textBoxB"
+            Grid.Row="1"
+            Text="{Binding DataB}" />
+        <Button
+            x:Name="button"
+            Grid.Row="2"
+            Content="「A+B=C」の計算をする"
+            Command="{Binding CalculationCommand}"/>
+        <Label
+            x:Name="labelC"
+            Grid.Row="3"
+            Content="{Binding ResultC}" />
+    </Grid>
+</Window>
+```
+2-5 Shell.XAML.CS
+```C#言語
+using System.Windows;
+namespace WpfMVVMPrism
+{
+    /// <summary>
+    /// Shell.xaml の相互作用ロジック
+    /// </summary>
+    public partial class Shell : Window
+    {
+        public Shell()
+        {
+            InitializeComponent();
+            this.DataContext = new ViewModel();
+        }
+    }
+}
+```
+2-6 VeiwModel.cs
+```C#言語
+using System;
+using System.ComponentModel;
+using System.Windows.Input;
+namespace WpfMVVMPrism
+{
+    public class ViewModel : INotifyPropertyChanged
+    {
+        public int DataA { get; set; }
+        public int DataB { get; set; }
+        public event PropertyChangedEventHandler PropertyChanged;
+        private int _resultC;
+        public int ResultC
+        {
+            get
+            {
+                return _resultC;
+            }
+            set
+            {
+                _resultC = value;
+                OnPropertyChanged("ResultC");
+            }
+        }
+        protected void OnPropertyChanged(string name)
+        {
+            PropertyChangedEventHandler handler = PropertyChanged;
+            if (handler != null)
+            {
+                handler(this, new PropertyChangedEventArgs(name));
+            }
+        }
+        private ICommand _calculationCommand;
+        public ICommand CalculationCommand
+        {
+            get
+            {
+                if (_calculationCommand == null)
+                {
+                    _calculationCommand = new RelayCommand(ExecuteCalculationCommand);
+                }
+                return _calculationCommand;
+            }
+        }
+        private void ExecuteCalculationCommand(object x)
+        {
+            Model m = new Model();
+            m.a_val = DataA;
+            m.b_val = DataB;
+            ResultC = m.SumAB();
+        }
+    }
+    internal class RelayCommand : ICommand
+    {
+        private Action<object> executeCalculationCommand;
+        public RelayCommand(Action<object> executeCalculationCommand)
+        {
+            this.executeCalculationCommand = executeCalculationCommand;
+        }
+        public event EventHandler CanExecuteChanged;
+        public bool CanExecute(object parameter)
+        {
+            return true;
+        }
+        public void Execute(object parameter)
+        {
+            this.executeCalculationCommand(parameter);
+        }
+    }
+}
+```
+2-7 Model.cs
+```C#言語
+namespace WpfMVVMPrism
+{
+    public class Model
+    {
+        public int a_val;
+        public int b_val;
+        public int c_val;
+        public int SumAB()
+        {
+            return c_val = a_val + b_val;
+        }
+    }
+}
+```
+以上です。

コードを追加

2017/05/06 20:16

投稿

maroaig

スコア14

test CHANGED Viewed

File without changes

test CHANGED Viewed

File without changes

イメージ図を作成して見ました

2017/05/06 20:14

投稿

maroaig

スコア14

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -9,6 +9,10 @@
 「テキストボックスにそれぞれ、ある数Aとある数Bを入力し、ボタンを押すとラベルに結果を表示する。」
+![イメージ説明](013b443c3072443e6b7f6257ac679943.jpeg)