Unity/MVP - 変更履歴

2024年9月22日 (日) 17:38にAdminによる

2024-09-22T17:38:51Z

2021年9月14日 (火) 22:48にAdminによる

2021-09-14T22:48:03Z

Admin: 内容を「Unity/MVP/Helloworld」で置換

2021-09-14T22:47:31Z

内容を「Unity/MVP/Helloworld」で置換

2021年9月14日 (火) 20:57にAdminによる

2021-09-14T20:57:59Z

2021年9月14日 (火) 20:53にAdminによる

2021-09-14T20:53:51Z

Admin: /* 参考 */

2021-09-14T19:19:20Z

‎参考

2021年9月14日 (火) 19:00にAdminによる

2021-09-14T19:00:12Z

2021年9月14日 (火) 18:59にAdminによる

2021-09-14T18:59:31Z

Admin: /* 手順 */

2021-09-14T18:24:26Z

‎手順

Admin: /* MVPとは */

2021-09-14T18:24:13Z

‎MVPとは

←前の版		2024年9月22日 (日) 17:38時点における版
行2:		行2:

	[[Unity/MVP/値変更を自動でViewへ適用]]		[[Unity/MVP/値変更を自動でViewへ適用]]
		+
		+	[[Unity/MVP/公式サンプル]]

←前の版		2021年9月14日 (火) 22:48時点における版
行1:		行1:
	[[Unity/MVP/Helloworld]]		[[Unity/MVP/Helloworld]]
		+
		+	[[Unity/MVP/値変更を自動でViewへ適用]]

@@ 行1: / 行1: @@
-==MVPとは==
+[[Unity/MVP/Helloworld]]
-MV(R)Pで、ModelとViewとPresenterをReactiveで、疎結合に連携したパターン
-−
-==準備==
-# UniRxをインストールしておく。
-−
-[[Unity/UniRx]] [ｼｮｰﾄｶｯﾄ]
-−
-==サンプル==
-CounterModel.cs
-<pre>
-using UnityEngine;
-using UniRx;
-−
-public class CounterModel : MonoBehaviour
-−
-    public int Counter {
-        get => counter.Value;
-        set => counter.Value = value;
-−
-    IntReactiveProperty counter = new IntReactiveProperty();
-−
-    void Start()
-−
-        counter.Subscribe(value => {
-            Debug.Log("change value=" + value);
-        });
-−
-    public void PlusCounter()
-−
-        counter.Value++;
-−
-    public void MinusCounter()
-−
-        counter.Value--;
-−
-    public void SetCounter(int value)
-−
-        counter.Value = value;
-−
-−
-</pre>
-−
-CounterView.cs
-<pre>
-using UnityEngine;
-using UnityEngine.UI;
-−
-public class CounterView : MonoBehaviour
-−
-    [SerializeField] public Button minusButton, plusButton, refreshButton;
-    [SerializeField] public Text text;
-−
-    public void SetValueText(float value)
-−
-        text.text = value.ToString();
-−
-−
-</pre>
-−
-CounterPresenter.cs
-<pre>
-using UnityEngine;
-using UniRx;
-−
-public class CounterPresenter : MonoBehaviour
-−
-    [SerializeField] private CounterView _counterView;
-    [SerializeField] private CounterModel _counterModel;
-−
-    void Start()
-−
-        _counterView.SetValueText(_counterModel.Counter);
-−
-        _counterView.plusButton
-            .OnClickAsObservable()
-            .Subscribe(_ => {
-                _counterModel.PlusCounter();
-                _counterView.SetValueText(_counterModel.Counter);
-            })
-            .AddTo(this);
-−
-        _counterView.minusButton
-            .OnClickAsObservable()
-            .Subscribe(_ => {
-                _counterModel.MinusCounter();
-                _counterView.SetValueText(_counterModel.Counter);
-            })
-            .AddTo(this);
-−
-        _counterView.refreshButton
-            .OnClickAsObservable()
-            .Subscribe(_ => {
-                _counterModel.SetCounter(_counterModel.Counter);
-                _counterView.SetValueText(_counterModel.Counter);
-            })
-            .AddTo(this);
-−
-    void OnDestroy()
-−
-        Destroy(this);
-−
-−
-</pre>
-−
-==手順==
-# SampleSceneのヒエラルキーにTextとPlusButtonとMinusButtonとRefreshButtonを作成する。
-# ヒエラルキーにGameObjectを作成して、CounterViewに名前を変更する。CounterView.csをAddComponentする。
-# ヒエラルキーにGameObjectを作成して、CounterModelに名前を変更する。CounterModel.csをAddComponentする。
-# CounterPresenter.csをMainCanvasにAddComponentする。
-# CounterViewオブジェクトを選択し、インスペクターのCounterViewの部分にそれぞれのUIをドラッグする。
-# MainCanvasのCounterPresenterにCounterViewオブジェクトとCounterModelオブジェクトをドラッグする。
-−
-==変更したい値からイベント発生==
-CounterModel.csにあるcounter.Subscribe()の部分で値が変更されていれば、処理される。
-−
-==参考==
-https://qiita.com/OKsaiyowa/items/745c5359682c7baad6bf
-−
-https://qiita.com/Nakashima_Toshiki/items/5e0c36c3b0df78110d32

@@ 行111: / 行111: @@
 # CounterViewオブジェクトを選択し、インスペクターのCounterViewの部分にそれぞれのUIをドラッグする。
 # MainCanvasのCounterPresenterにCounterViewオブジェクトとCounterModelオブジェクトをドラッグする。
 ==参考==

@@ 行10: / 行10: @@
 CounterModel.cs
 <pre>
-public class CounterModel
+using UnityEngine;
+{
      public int Counter {
-         get => counter;
+         get => counter.Value;
-         set => counter = value;
+         set => counter.Value = value;
+     }
-     int counter = 0;
+     IntReactiveProperty counter = new IntReactiveProperty();
      public void PlusCounter()
+     {
-         counter++;
+         counter.Value++;
+     }
      public void MinusCounter()
+     {
-         counter--;
+         counter.Value--;
+     }
+}
@@ 行36: / 行49: @@
 public class CounterView : MonoBehaviour
+{
-     [SerializeField] public Button minusButton, plusButton;
+     [SerializeField] public Button minusButton, plusButton, refreshButton;
      [SerializeField] public Text text;
@@ 行54: / 行67: @@
+{
      [SerializeField] private CounterView _counterView;
-     private CounterModel _counterModel;
+     [SerializeField] private CounterModel _counterModel;
      void Start()
+     {
          _counterView.SetValueText(_counterModel.Counter);
@@ 行73: / 行85: @@
              .Subscribe(_ => {
                  _counterModel.MinusCounter();
                  _counterView.SetValueText(_counterModel.Counter);
              })
@@ 行85: / 行105: @@
 ==手順==
-# SampleSceneのヒエラルキーにTextとPlusButtonとMinusButtonを作成する。
+# SampleSceneのヒエラルキーにTextとPlusButtonとMinusButtonとRefreshButtonを作成する。
-# ヒエラルキーにGameObjectを作成して、CounterViewと変更する。CounterView.csをAddComponentする。
+# ヒエラルキーにGameObjectを作成して、CounterViewに名前を変更する。CounterView.csをAddComponentする。
 # CounterPresenter.csをMainCanvasにAddComponentする。
 # CounterViewオブジェクトを選択し、インスペクターのCounterViewの部分にそれぞれのUIをドラッグする。
-# MainCanvasのCounterPresenterにCounterViewオブジェクトをドラッグする。
+# MainCanvasのCounterPresenterにCounterViewオブジェクトとCounterModelオブジェクトをドラッグする。
 ==参考==

←前の版		2021年9月14日 (火) 19:19時点における版
行93:		行93:
	==参考==		==参考==
	https://qiita.com/OKsaiyowa/items/745c5359682c7baad6bf		https://qiita.com/OKsaiyowa/items/745c5359682c7baad6bf
		+
		+	https://qiita.com/Nakashima_Toshiki/items/5e0c36c3b0df78110d32

←前の版		2021年9月14日 (火) 19:00時点における版
行90:		行90:
	# CounterViewオブジェクトを選択し、インスペクターのCounterViewの部分にそれぞれのUIをドラッグする。		# CounterViewオブジェクトを選択し、インスペクターのCounterViewの部分にそれぞれのUIをドラッグする。
	# MainCanvasのCounterPresenterにCounterViewオブジェクトをドラッグする。		# MainCanvasのCounterPresenterにCounterViewオブジェクトをドラッグする。
		+
		+	==参考==
		+	https://qiita.com/OKsaiyowa/items/745c5359682c7baad6bf