स्क्रिप्ट ऑब्जेक्ट्स के साथ एकता में MVC। भाग 3

Cem Ugur Karacam द्वारा MVC के कार्यान्वयन पर लेखों की एक श्रृंखला को पूरा करना, स्क्रिप्ट योग्य वस्तुओं का उपयोग करके एकता में। आप पिछले भागों को यहाँ और यहाँ पढ़ सकते हैं।



यह हमारी परियोजना का अंतिम चरण है।

मैंने एकता में एमवीसी वर्कफ़्लो को चित्रित करने के लिए एक आरेख बनाने की कोशिश की।



एकता एप्लिकेशन में, मोनोबीहॉर ऑब्जेक्ट्स दृश्य में हैं, इसलिए आप उनके पदानुक्रम देख सकते हैं। लेकिन ये वस्तुएं एक दूसरे से सीधे संवाद नहीं कर सकती हैं। एकता का MVC पैटर्न इस समस्या का समाधान है।

सीधे शब्दों में कहें: उपयोगकर्ता इनपुट नियंत्रक के लिए आता है, जो मॉडल के लिए एक दृश्य बनाता है, और दृश्य स्क्रीन पर मॉडल डेटा प्रदर्शित करता है।

सबसे पहले, हम उपयोगकर्ता से इनपुट की प्रतीक्षा कर रहे हैं, उदाहरण के लिए, एक बटन पर क्लिक करना। नियंत्रक तब दृश्य बनाता है और उस दृश्य में प्रदर्शित होने के लिए आवश्यक मॉडल का चयन करता है। अब दृश्य तैयार है, इसमें उपयोगकर्ता इंटरफ़ेस ऑब्जेक्ट्स के लिंक शामिल हैं और प्रदर्शन के लिए इन लिंक को डेटा पास करता है।

आइए उस परियोजना को जारी रखें जो हमने पिछले लेख में तय की थी। हम प्रस्तुति पर काम करेंगे। मैं एक पैनल बनाऊंगा जिसमें यूआई ऑब्जेक्ट होंगे।



हमारे पास एक पैनल है, आइटम के आइकन के लिए एक छवि वस्तु और हमले का नाम, प्रकार और ताकत प्रदर्शित करने के लिए तीन पाठ ऑब्जेक्ट। इन ऑब्जेक्ट को प्रबंधित करने के लिए, InfoView नामक प्रोजेक्ट में एक वर्ग InfoView और इसे दृश्य में जोड़ें।



इंटरफ़ेस तत्वों के लिंक जोड़ें।

 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class InfoView : MonoBehaviour { public Image icon; public Text nameText; public Text typeText; public Text attackText; } 

फिर इनपुट के अनुसार इन तत्वों को कॉन्फ़िगर करने के लिए इनिट विधि बनाएं।

 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class InfoView : MonoBehaviour { public Image icon; public Text nameText; public Text typeText; public Text attackText; public void Init(ItemData data) { icon.sprite = data.icon; nameText.text = data.name; attackText.text = "Attack Power: " + data.attack; switch (data.type) { case ItemType.Axe: typeText.text = "Type: Axe"; break; case ItemType.Dagger: typeText.text = "Type: Dagger"; break; case ItemType.Hammer: typeText.text = "Type: Hammer"; break; case ItemType.Potion: typeText.text = "Type: Potion"; break; } } } 

अब संपादक में फ़ील्ड असाइन करें।



हम इस दृष्टिकोण से प्रीफ़ैब बनाने के लिए तैयार हैं। मैंने Resources नामक एक फोल्डर बनाया। यह एक विशेष फ़ोल्डर है जो एकता को एक विशेष एपीआई के माध्यम से इससे फाइलें डाउनलोड करने की अनुमति देता है। Resources फ़ोल्डर में हमारे प्रीफ़ैब रखें।



चूंकि मैं InfoView उपयोग करूंगा, इसलिए मैं दृश्य से InfoView हटा InfoView ।



नियंत्रक खोलने का समय।

मैं एक सार्वजनिक चर InfoView , यह InfoView लिए कि इस दृश्य के लिए कौन सी वस्तु माता-पिता होगी, और स्टार्टअप के लिए जानकारी InfoView लिए लिंक रखने के लिए एक निजी चर।

 using System.Collections; using System.Collections.Generic; using UnityEngine; public class ItemViewController : MonoBehaviour { public Inventory inventoryHolder; public Transform inventoryViewParent; public Transform infoViewParent; private GameObject infoViewPrefab; private GameObject itemViewPrefab; private void Start() { itemViewPrefab = (GameObject)Resources.Load("Item"); infoViewPrefab = (GameObject)Resources.Load("InfoView"); } } 

आइए एक दृश्य में दृश्य के उदाहरण बनाने के लिए एक विधि लिखें।

 private void CreateInfoView(ItemData data) { var infoGO = GameObject.Instantiate(infoViewPrefab, infoViewParent); infoGO.GetComponent<InfoView>().Init(data); } 

मैं C # में घटनाओं का उपयोग करके यह ItemView को पास कर ItemView । इसे प्राप्त करने के लिए, थोड़ा ItemView ।

 using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class ItemView : MonoBehaviour { public Button button; public Image itemIcon; private ItemData itemData; public void InitItem(ItemData item, Action<ItemData> callback) { this.itemData = item; itemIcon.sprite = itemData.icon; button.onClick.AddListener(() => callback(itemData) ); } } 

मैंने विधि पास करने के लिए एक पैरामीटर जोड़ा। और अब आप नियंत्रक को कनेक्ट कर सकते हैं।

 using System.Collections; using System.Collections.Generic; using UnityEngine; public class ItemViewController : MonoBehaviour { public Inventory inventoryHolder; public Transform inventoryViewParent; public Transform infoViewParent; private GameObject infoViewPrefab; private GameObject itemViewPrefab; private void Start() { itemViewPrefab = (GameObject)Resources.Load("Item"); infoViewPrefab = (GameObject)Resources.Load("InfoView"); foreach (var item in inventoryHolder.inventory) { var itemGO = GameObject.Instantiate(itemViewPrefab, inventoryViewParent); itemGO.GetComponent<ItemView>().InitItem(item, CreateInfoView); } } private void CreateInfoView(ItemData data) { var infoGO = GameObject.Instantiate(infoViewPrefab, infoViewParent); infoGO.GetComponent<InfoView>().Init(data); } } 

प्रारंभ विधि में, मैं आइटम के साथ इन्वेंट्री को भरता हूं, और जब आप उनमें से किसी एक पर क्लिक करते हैं, तो CreateInfoView विधि को CreateInfoView जाएगा। लेकिन इससे पहले कि हम इसका परीक्षण शुरू करें, मैं आपको एक समस्या की ओर इशारा करता हूं। नियंत्रक नहीं जानता कि क्या हमने पहले InfoView बनाया है। चलो इसे ठीक करते हैं।

 using System.Collections; using System.Collections.Generic; using UnityEngine; public class ItemViewController : MonoBehaviour { public Inventory inventoryHolder; public Transform inventoryViewParent; public Transform infoViewParent; private GameObject infoViewPrefab; private GameObject itemViewPrefab; private GameObject infoView; private void Start() { itemViewPrefab = (GameObject)Resources.Load("Item"); infoViewPrefab = (GameObject)Resources.Load("InfoView"); foreach (var item in inventoryHolder.inventory) { var itemGO = GameObject.Instantiate(itemViewPrefab, inventoryViewParent); itemGO.GetComponent<ItemView>().InitItem(item, CreateInfoView); } } private void CreateInfoView(ItemData data) { if (infoView != null) { Destroy(infoView); } infoView = GameObject.Instantiate(infoViewPrefab, infoViewParent); infoView.GetComponent<InfoView>().Init(data); } } 

हमने जानकारी infoView चर बनाया और दृश्य में InfoView का एक नया उदाहरण बनाने से पहले इसका परीक्षण किया।

इसका परीक्षण करते हैं।



ऐसा लगता है कि हमने यह किया!

GitHub पर परियोजना।

ये स्क्रिप्ट योग्य वस्तुओं का उपयोग करके एकता में MVC को लागू करने की मूल बातें हैं। लेकिन मेरा मानना ​​है कि किसी भी परियोजना में एक समान दृष्टिकोण लागू किया जा सकता है। उदाहरण के लिए, REST कॉल के साथ काम करते समय, यह टेम्प्लेट आपको बहुत समय बचा सकता है और कोड को एक्स्टेंसिबल रख सकता है। सामान्य तौर पर, एकता में कोड के साथ दृश्य वस्तुओं को स्थानांतरित करना और उनके साथ काम करना काफी मुश्किल होता है। कोई व्यक्ति आपत्ति कर सकता है और कह सकता है कि इन उद्देश्यों के लिए आप सिंगलटन टेम्पलेट का उपयोग कर सकते हैं। हां, जिस विधि का मैंने वर्णन किया है वह केवल एक ही नहीं है, बल्कि यह बहुत अच्छी है।

मुझे लगता है कि हम टेम्प्लेट का उपयोग बिल्कुल नहीं कर सकते हैं, लेकिन तब हम मध्य युग से अलग नहीं होंगे। :)

किसी भी स्थिति में, चूंकि लेखों की यह श्रृंखला पूरी हो गई है, मेरा सुझाव है कि आप मेरे अन्य ग्रंथों को पढ़ें, जो एमवीसी पैटर्न और स्क्रिप्ट योग्य वस्तुओं के बारे में भी बात करते हैं: एकता के साथ उपयोग करने के लिए नोड और एक्सप्रेस का उपयोग करके एक अन्य सेवा बनाना ।

वह सब है। अच्छा कोडिंग!