प्रिज्म डेवलपर की गाइड - भाग 8, नेविगेशन

सामग्री की तालिका

1. परिचय
2. प्रारम्भिक प्रिज्म अनुप्रयोग
3. घटकों के बीच निर्भरता का प्रबंधन
4. मॉड्यूलर अनुप्रयोग विकास
5. एमवीवीएम पैटर्न को लागू करना
6. उन्नत MVVM परिदृश्य
7. उपयोगकर्ता इंटरफ़ेस निर्माण
   
   1. उपयोगकर्ता इंटरफ़ेस दिशानिर्देश
8. नेविगेशन
   1. दृश्य-आधारित नेविगेशन
9. शिथिल युग्मित घटकों के बीच पारस्परिक क्रिया

उपयोगकर्ता के साथ बातचीत के दौरान, एप्लिकेशन यूआई महत्वपूर्ण परिवर्तनों से गुजर सकता है, जो उपयोगकर्ता को किन कार्यों को करना चाहिए और किस डेटा के साथ काम कर रहा है, इस पर निर्भर करता है। जब कोई अनुप्रयोग उपयोगकर्ता इंटरफ़ेस परिवर्तनों का समन्वय करता है, तो उसे अक्सर "नेविगेशन" कहा जाता है।

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

यूआई में नेविगेशन दोनों उपयोगकर्ता की बातचीत का परिणाम हो सकता है, और एप्लिकेशन की आंतरिक स्थिति में परिवर्तन के लिए प्रतिक्रिया हो सकती है। कुछ मामलों में, नेविगेशन बहुत छोटे यूआई अपडेट उत्पन्न कर सकता है जिन्हें किसी भी जटिल तर्क की आवश्यकता नहीं होती है। अन्य मामलों में, जटिल व्यावसायिक नियम शामिल हो सकते हैं। उदाहरण के लिए, एप्लिकेशन यह सुनिश्चित करने के बिना उपयोगकर्ता को किसी भी रूप से बाहर निकलने की अनुमति नहीं दे सकता है कि दर्ज किया गया डेटा सही है।

WPF और सिल्वरलाइट में नेविगेशन लागू करना अक्सर काफी सरल हो सकता है, क्योंकि ये दोनों प्लेटफॉर्म बिल्ट-इन नेविगेशन सपोर्ट प्रदान करते हैं। हालांकि, MVVM टेम्पलेट का उपयोग करते समय, या कई शिथिल युग्मित मॉड्यूल का उपयोग करके समग्र अनुप्रयोगों में नेविगेशन का कार्यान्वयन काफी जटिल हो सकता है। प्रिज्म ऐसे मामलों में नेविगेशन लागू करने पर मार्गदर्शन प्रदान करता है।

प्रिज्म में नेविगेशन

शब्द "नेविगेशन" को उस प्रक्रिया के रूप में परिभाषित किया जाता है जिसमें कोई एप्लिकेशन यूआई को उपयोगकर्ता के इशारों के जवाब में समन्वयित करता है, या किसी एप्लिकेशन की आंतरिक स्थिति में परिवर्तन करता है।

UI में अपडेट या तो विज़ुअल ट्री पर नियंत्रण हटाकर या जोड़कर या इसमें पहले से मौजूद तत्वों की स्थिति को बदलकर किया जा सकता है। WPF और सिल्वरलाइट के लचीलेपन के लिए धन्यवाद, इन दोनों दृष्टिकोणों को लागू किया जा सकता है। लेकिन बड़ी संख्या में कारक प्रभावित कर सकते हैं कि कौन सा दृष्टिकोण आपके मामले के लिए अधिक उपयुक्त है।

प्रिज्म ऊपर वर्णित दो प्रकार के नेविगेशन के बीच अंतर करता है। मौजूदा नियंत्रण की स्थिति को बदलने पर आधारित नेविगेशन को " राज्य-आधारित नेविगेशन " कहा जाता है। दृश्य पेड़ से नियंत्रण जोड़ने या हटाने पर आधारित नेविगेशन को " दृश्य-आधारित नेविगेशन " कहा जाता है। प्रिज्म इस प्रकार के नेविगेशन के कार्यान्वयन पर मार्गदर्शन प्रदान करता है, जो उन अनुप्रयोगों पर ध्यान केंद्रित करता है जो एमवीवीएम पैटर्न का उपयोग करते हैं।

राज्य आधारित नेविगेशन

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

यह नेविगेशन शैली निम्नलिखित मामलों में अच्छी तरह से अनुकूल है:

• दृश्य को एक ही डेटा या कार्यक्षमता को प्रदर्शित करने की आवश्यकता है, लेकिन एक अलग रूप या प्रारूप में।
• दृश्य मॉडल की स्थिति में परिवर्तन के जवाब में एक दृश्य को अपना मार्कअप या शैली बदलनी चाहिए।
• प्रेजेंटेशन का संदर्भ बदले बिना, प्रेजेंटेशन को उपयोगकर्ता के साथ एक मोडल या नॉन-मोडल इंटरैक्शन का उत्पादन करना चाहिए।

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

निम्नलिखित अनुभाग विशिष्ट स्थितियों का वर्णन करते हैं जिसमें राज्य-आधारित नेविगेशन का उपयोग किया जा सकता है। प्रत्येक अनुभाग राज्य-आधारित नेविगेशन क्विकस्टार्ट को संदर्भित करता है, जो एक त्वरित संदेश अनुप्रयोग है जो उपयोगकर्ता को अपने संपर्कों को व्यवस्थित और प्रबंधित करने की अनुमति देता है।

विभिन्न शैलियों और स्वरूपों में डेटा प्रदर्शित करें

अक्सर, आपके एप्लिकेशन को एक ही जानकारी प्रदर्शित करने की आवश्यकता हो सकती है, लेकिन विभिन्न स्वरूपों या शैलियों में। इस मामले में, आप विभिन्न प्रस्तुति शैलियों के बीच स्विच करने के लिए राज्य-आधारित नेविगेशन का उपयोग कर सकते हैं, संभवतः संक्रमण एनिमेशन का उपयोग कर सकते हैं। उदाहरण के लिए, राज्य-आधारित नेविगेशन क्विकस्टार्ट उपयोगकर्ता को अपने संपर्कों के दृश्य प्रतिनिधित्व का चयन करने की अनुमति देता है - सादे पाठ में, या अवतार के रूप में। वह सूची या अवतार बटन पर क्लिक करके देखने का प्रकार चुन सकता है। दृश्य दो विचारों के बीच एक एनिमेटेड संक्रमण बनाता है, जैसा कि नीचे चित्रण में दिखाया गया है।



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

Microsoft अभिव्यक्ति ब्लेंड व्यवहार इस प्रकार के नेविगेशन को एक दृश्य में लागू करने की सुविधा प्रदान करता है। राज्य-आधारित नेविगेशन क्विकस्टार्ट एप्लिकेशन रेडियो बटन का उपयोग करके दृश्य राज्य प्रबंधक में परिभाषित दृश्य राज्यों के बीच स्विच करने के लिए एक्सप्रेशन ब्लेंड के DataStateBehavior का उपयोग करता है। एक बटन में एक सूची के रूप में संपर्क शामिल हैं, दूसरा - अवतार के रूप में।

 <DataStateBehavior Binding="{Binding IsChecked, ElementName= ShowAsListButton}" TrueState="ShowAsList" FalseState="ShowAsIcons"/> 

जब उपयोगकर्ता रेडियो बटन संपर्क , या अवतार पर क्लिक करता है, तो दृश्य स्थिति ShowAsList और ShowAsIcons राज्य के बीच स्विच ShowAsIcons है। फ्लिप संक्रमण एनिमेशन दृश्य राज्य प्रबंधक में भी परिभाषित किए गए हैं।

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



यह एक्सप्रेशन ब्लेंड के DataStateBehavior का उपयोग करके भी आसानी से लागू किया जाता है, हालांकि, इस मामले में, व्यवहार ShowDetails मॉडल की ShowDetails संपत्ति से बंधा होता है, जो फ्लिप संक्रमण एनीमेशन का उपयोग करके ShowDetails और ShowContacts के दृश्य राज्यों के बीच स्विच करता है।

आवेदन स्थिति प्रदर्शन

इसी तरह, एक आवेदन में एक प्रस्तुति कभी-कभी अपने लेआउट, या शैली को बदल सकती है, यह आवेदन की आंतरिक स्थिति में बदलाव पर निर्भर करता है, जो बदले में, प्रस्तुति मॉडल के गुणों के माध्यम से दर्शाया जा सकता है। इस तरह के परिदृश्य का एक उदाहरण स्टेट-बेस्ड नेविगेशन क्विकस्टार्ट में दिया गया है, जहां Chat व्यू मॉडल में ConnectionStatus प्रॉपर्टी के माध्यम से क्लाइंट कनेक्शन की स्थिति प्रदान की जाती है। जब कनेक्शन स्थिति बदल जाती है, तो दृश्य अपडेट किया जाता है (संपत्ति परिवर्तन घटना द्वारा), जैसा कि नीचे चित्र में दिखाया गया है।



इस तरह के एक राज्य स्विचिंग को लागू करने के लिए, दृश्य मॉडल के ConnectionStatus संपत्ति के साथ DataStateBehavior व्यवहार को दृश्य में घोषित किया जाता है।

 <DataStateBehavior Binding="{Binding ConnectionStatus}" TrueState="Available" FalseState="Unavailable"/> 

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

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

उपयोगकर्ता सहभागिता

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



इस व्यवहार को प्राप्त करने के लिए, स्टेट-बेस्ड नैविगेशन क्विकस्टार्ट SendMessage कमांड को लागू करता है, जो सेंड मैसेज बटन से जुड़ा होता है। जब यह आदेश लागू किया जाता है, तो दृश्य मॉडल पॉप-अप विंडो प्रदर्शित करने के लिए दृश्य के साथ सहभागिता करता है। यह अध्याय 5 में वर्णित इंटरेक्शन रिक्वेस्ट पैटर्न का उपयोग करके प्राप्त किया गया है, " एमवीवीएम पैटर्न को लागू करना "।

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

 <prism:InteractionRequestTrigger SourceObject="{Binding SendMessageRequest}"> <prism:PopupChildWindowAction> <prism:PopupChildWindowAction.ChildWindow> <vs:SendMessageChildWindow /> </prism:PopupChildWindowAction.ChildWindow> </prism:PopupChildWindowAction> </prism:InteractionRequestTrigger> 

जारी रखा जाए।