🙏 🤛🏻 🛎️ XAML को समझना 👩🏾‍🚒 🥙 👨🏽‍🎤

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

XAML एक मार्कअप भाषा है जो Microsoft के WPF के पहले संस्करण के साथ आई है। अब इसका उपयोग सिल्वरलाइट और विंडोज फोन 7 (अनिवार्य रूप से एक ही सिल्वरलाइट) में भी किया जाता है। इस प्रकार, अब काफी लोग एक्सएएमएल का सक्रिय रूप से उपयोग कर रहे हैं। हालांकि, प्रभावी काम के लिए यह उन अवधारणाओं को समझने के लिए उपयोगी होगा जो भाषा के पीछे हैं, ताकि व्यक्तिगत डिजाइन अजीब न लगें।

सबसे पहले, यह थोड़ा विषयांतर है। प्रोग्रामिंग भाषाओं के दो मुख्य प्रकार हैं: अनिवार्य और घोषणात्मक।

इंपीरियल लैंग्वेज सी, सी ++, सी #, पास्कल, बेसिक और कई अन्य जैसी प्रसिद्ध प्रोग्रामिंग लैंग्वेज हैं। मूल विचार यह है कि अनिवार्य भाषा में हम कहते हैं कि क्या करने की आवश्यकता है। लेकिन हम यह नहीं कहते कि क्या होना चाहिए (आमतौर पर हमें यूनिट परीक्षणों में इसका वर्णन और सत्यापन करना चाहिए)।

विचारात्मक भाषाएं, विपरीत दिशा में, हमें उस स्थिति का वर्णन करने की अनुमति देती हैं जिसे हम प्राप्त करना चाहते हैं, लेकिन इस स्थिति में आने के तरीके का वर्णन करने के लिए (और आमतौर पर अनुमति नहीं) की आवश्यकता नहीं होती है। ऐसी भाषाओं के उदाहरण: XAML (और वास्तव में सभी पदानुक्रमित मार्कअप XML, HTML, आदि पर आधारित), SQL भी।

तो अंतर क्या है?

मान लीजिए कि मैं एक टेक्स्टबॉक्स बनाना चाहता हूं और इसे "Habr" पाठ में सेट कर देता हूं, C # में यह इस तरह दिखेगा:

var tb = new TextBox(); tb.Text = "Habr";

XAML पर, यह इस तरह दिखेगा:

 <TextBox Text="Habr"/>

अंतर स्पष्ट है। पहले मामले में, मैंने कहा:
1. TextBox क्लास का एक उदाहरण बनाएं और इसे tb वेरिएबल में असाइन करें।
2. "Habr" के लिए tb.Text चर संपत्ति सेट करें।

दूसरे में, मैंने कहा कि मैं पाठ में "हैबर" मान के साथ एक टेक्स्टबॉक्स प्राप्त करना चाहता हूं। और यह कैसे किया जाएगा यह मुझे परेशान नहीं करता है, यह वही है जो एक्सएएमएल पार्सर करता है। पार्सर कैसे काम करता है, यह समझने के लिए इस तरह के लंबे विषयांतर महत्वपूर्ण हैं।

तो, अब एक और अधिक विस्तृत उदाहरण, पार्सर की व्याख्या के साथ:

 <UserControl x:Class="WpfApplication1.UserControl1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <TextBox Text="Habr" Foreground="Yellow"> <TextBox.Background> <SolidColorBrush Color="Red"/> </TextBox.Background> </TextBox> </UserControl>

यहां क्या हो रहा है?
आइए एक सरल से शुरू करें: सभी टैग जिनमें डॉट नहीं है। XAML में, वे पार्सर को कक्षा को तुरंत करने के लिए मजबूर करते हैं। Parser को कैसे पता चलता है कि किस वर्ग को बनाना है? यह एक्सएएमएल और .नेट नामस्थान की शुरुआत में एक्सएमएल नामस्थानों के बीच मैपिंग द्वारा किया जाता है।
प्रपत्र xmlns = " schemas.microsoft.com/winfx/2006/xaml/pretation " के प्रविष्टियाँ पार्सर को इंगित करते हैं कि नामस्थान का उपयोग किया जाएगा। इसके अलावा, कुछ स्थान डिफ़ॉल्ट रूप से .Net रिक्त स्थान से जुड़े होते हैं (अर्थात, उन्हें .Net से किसी स्थान को निर्दिष्ट करने की आवश्यकता नहीं होती है), जैसा कि इस उदाहरण में है। " Schemas.microsoft.com/winfx/2006/xaml/pretation " System.Windows.Controls PresentationFramework.dll से संबद्ध है। दूसरों के लिए, आपको सह-अनुपालन को स्पष्ट रूप से निर्दिष्ट करने की आवश्यकता है: xmlns: CustomPrefix = "clr-namespace: WpfApplication1"
इस उदाहरण में

CustomPrefix - XML में कोई भी पहचानकर्ता कानूनी, जिसका उपयोग आप अपनी वस्तुओं को संदर्भित करने के लिए करेंगे।
clr-namespace: - एक विशेष उपसर्ग जो इंगित करता है कि .Net नामस्थान आगे जाएगा
WpfApplication1 - आपका नामस्थान स्वयं।

अपने स्वयं के नाम स्थान की घोषणा करने के बाद, आप इससे तत्व बना सकते हैं:

 <CustomPrefix:CustomObject/>

तो हमारा XAML Parser को WpfApplication1.UserControl1 वर्ग का एक उदाहरण बनाने के लिए मजबूर करता है, तो पार्सर देखता है कि हम अपने नियंत्रण की सामग्री संपत्ति में TextBox चाहते हैं, पार्सर ऐसा करेगा, और इसी तरह।

खैर, हमने वस्तुओं को छांटा। लेकिन अभी भी गुण हैं। गुणों के लिए दो सिंटैक्स विकल्प हैं:

विशेषताएं:
```
 <TextBox Text="Habr"/> 
```

टैग:

 <TextBox> <TextBox.Text>Habr</TextBox.Text> </TextBox>

एक और विकल्प 2.1 है। जब सबसे अधिक बार उपयोग की जाने वाली संपत्ति के लिए आप सामग्री को केवल वस्तु के अंदर निर्दिष्ट करके सेट कर सकते हैं:
```
 <TextBox>Habr</TextBox> 
```
यह प्रविष्टि चरण 2 के बराबर है क्योंकि TextBox विशेषता के साथ चिह्नित है
```
 [ContentProperty("Text")] 
```

अब दो विकल्पों के बारे में और अधिक:
1. एक्सएमएल विशेषताओं में, यह स्पष्ट है कि आप केवल तारों को स्टोर कर सकते हैं। इसलिए, जिस भी प्रकार की संपत्ति आप सेट करना चाहते हैं, आप वास्तव में स्ट्रिंग मान सेट कर रहे हैं। और पहले से ही ऑब्जेक्ट बनाने के समय, पार्सर इस मान को स्ट्रिंग से उस प्रकार में परिवर्तित करता है जो आवश्यक है।
आदिम प्रकार, जैसे इंट, डेटाइम, पार्सर खुद को परिवर्तित कर सकता है, वास्तव में, यह बस इसी प्रकार के पार्स विधि को कॉल करता है। लेकिन जटिल वस्तुओं के बारे में क्या?
एक सरल उदाहरण:

 <TextBox Background="Red"/>

TextBox.Background संपत्ति ब्रश प्रकार की है - यह एक अमूर्त वर्ग है जिसमें कई विशिष्ट कार्यान्वयन हैं, उदाहरण के लिए, SolidColorBrush, LinerGradientBrush, और अन्य। तो हमारी "रेड" लाइन ब्रश का उपवर्ग कैसे बन जाती है? इसके लिए कन्वर्टर जिम्मेदार है। यह निर्दिष्ट करने के लिए कि किसी विशेष प्रकार के लिए कौन सा कनवर्टर लागू करना है, टाइपकोऑन्टेक्टर एट्रिब्यूट टाइप पर स्थापित है। कई अंतर्निहित प्रकारों के लिए, पहले से ही कन्वर्टर्स शामिल हैं, जैसे कि हमारे उदाहरण में, एक स्ट्रिंग से ब्रश तक एक कनवर्टर है, जो सॉलिडकोलरब्रश का एक उदाहरण बनाता है और स्ट्रिंग में निर्दिष्ट रंग को सेट करता है।
यदि आप मानक कनवर्टर द्वारा समर्थित नहीं की गई संपत्ति का मान सेट करना चाहते हैं या सेटिंग से पहले मूल्य पर कुछ ऑपरेशन करना चाहते हैं तो क्या करें? - अपने स्वयं के कनवर्टर का उपयोग करें। ऐसा करने के लिए, यह IValueConverter इंटरफ़ेस को लागू करने के लिए पर्याप्त है, इसमें सभी आवश्यक जोड़तोड़ रिकॉर्ड करें, और फिर XAML में निम्नानुसार कनवर्टर का उपयोग करें:

 <TextBox Background="{Binding Source='Red-Green', Converter={StaticResource GradientColorConverter}}">

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

 <TextBox Background="{Binding Source='Red-Green', Converter={StaticResource GradientColorConverter}}"> <TextBox.Resources> <WpfApplication1:GradientColorConverter x:Key="GradientColorConverter"/> </TextBox.Resources> </TextBox>

लेख को लिटाने के लिए नहीं, मैं यहां संसाधनों के बारे में अधिक बात नहीं करूंगा, अन्य लेखों या उदाहरणों को पढ़ना बेहतर है।

2. दूसरा विकल्प यह है कि संपत्ति के मूल्य को एक जटिल वस्तु के रूप में कैसे सेट किया जाए: ऑब्जेक्ट सिंटैक्स का उपयोग करें:

 <TextBox Text="Habr"> <TextBox.Background> <SolidColorBrush Color="Blue"/> </TextBox.Background> </TextBox>

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

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

यूपीडी कन्वर्टर्स के बारे में अंशदान टिप्पणियों के लिए धन्यवाद अपडेट किया गया।

XAML को समझना

More articles: