xaml ट्यूटोरियल
Xaml के साथ शुरुआत करना
खोज…
टिप्पणियों
E X टेंसिबल A pplication M arkup L Anguage (XAML) Microsoft द्वारा विकसित एक XML आधारित मार्कअप भाषा है। इसका उपयोग कई Microsoft तकनीकों जैसे विंडोज प्रेजेंटेशन फाउंडेशन (WPF), सिल्वरलाइट, WinRT, यूनिवर्सल विंडोज प्लेटफॉर्म आदि में किया जाता है, ताकि अनुप्रयोगों के लिए यूजर इंटरफेस को परिभाषित किया जा सके।
संस्करण
| संस्करण | रिलीज़ की तारीख |
|---|---|
| WPF XAML | 2006/11/21 |
| सिल्वरलाइट 3 | 2009-07-09 |
| सिल्वरलाइट 4 | 2010-04-15 |
| विंडोज 8 एक्सएएमएल | 2011-09-01 |
स्थापना या सेटअप
अपना पहला XAML लिखने का सबसे आसान तरीका Microsoft Visual Studio स्थापित करना है। यह Microsoft से उपलब्ध है।
एक बार स्थापित होने के बाद आप एक नया प्रोजेक्ट बना सकते हैं, टाइप करें WPF Application, एक VB.NET या C # कोड के साथ।
यह इस तरह से विंडोज़ रूपों के समान है कि आपके पास विंडोज़ की एक श्रृंखला है, मुख्य अंतर यह है कि ये विंडोज़ एक्सएएमएल में लिखे गए हैं और विभिन्न उपकरणों के लिए बहुत अधिक उत्तरदायी हैं।
अभी भी सुधार की जरूरत है।
नमस्ते दुनिया
यहाँ WPF में XAML पेज का एक सरल उदाहरण दिया गया है। इसमें एक Grid , एक TextBlock और एक Button - TextBlock में सबसे आम तत्व।
<Window x:Class="FirstWpfApplication.MainWindow"
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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Title="MainWindow"
Height="350"
Width="525">
<Grid>
<TextBlock Text="Welcome to XAML!"
FontSize="30"
Foreground="Black"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<Button Content="Hello World!"
Background="LightGray"
Foreground="Black"
FontSize="25"
Margin="0,100,0,0"
VerticalAlignment="Center"
HorizontalAlignment="Center"/>
</Grid>
</Window>
| वाक्य - विन्यास | विवरण |
|---|---|
<Window> | रूट कंटेनर जो सामग्री को होस्ट करता है जो डेटा की कल्पना करता है और उपयोगकर्ताओं को इसके साथ बातचीत करने में सक्षम बनाता है। एक WPF विंडो एक XAML (.xaml) फ़ाइल का एक संयोजन है, जहां तत्व रूट है, और एक CodeBehind (.cs) फ़ाइल है। |
<Grid> | एक लेआउट पैनल जो पंक्तियों और स्तंभों की तालिका संरचना में अपने बाल तत्वों की व्यवस्था करता है। |
<TextBlock> | अपनी टेक्स्ट प्रॉपर्टी या बोल्ड, हाइपरलिंक, और इनलाइनUIContainer जैसे इनलाइन प्रॉपर्टी में अपनी टेक्स्ट प्रॉपर्टी या इनलाइन फ्लो कंटेंट एलिमेंट्स में स्ट्रिंग टेक्स्ट प्रदर्शित करने के लिए एक हल्का नियंत्रण प्रदान करता है। |
<Button> | एक बटन नियंत्रण का प्रतिनिधित्व करता है जो उपयोगकर्ता के साथ प्रतिक्रिया करता है उस पर क्लिक करें। |
| संपत्ति | विवरण |
|---|---|
Title | हो जाता है या एक खिड़की का शीर्षक सेट करता है। |
Height | किसी तत्व की ऊंचाई हो जाती है या हो जाती है। |
Width | किसी तत्व की चौड़ाई प्राप्त या निर्धारित करता है। |
Text | किसी टेक्स्ट एलिमेंट के टेक्स्ट कंटेंट को हासिल करना या सेट करना। |
FontSize | पाठ के लिए शीर्ष-स्तरीय फ़ॉन्ट आकार प्राप्त या सेट करता है। |
Background | ब्रश का रंग हो जाता है या सेट हो जाता है जो किसी तत्व की पृष्ठभूमि को पेंट करता है। |
Foreground | ब्रश का रंग हो जाता है या सेट हो जाता है जो किसी तत्व के टेक्स्ट के फ़ॉन्ट को पेंट करता है। |
Margin | वह मान या सेट करता है जो किसी तत्व और अन्य के बीच बाहरी स्थान का वर्णन करता है। |
HorizontalAlignment | तत्व पर लागू क्षैतिज संरेखण विशेषताओं को प्राप्त या सेट करता है, जब यह एक मूल तत्व के भीतर बनता है, जैसे कि पैनल या आइटम नियंत्रण। |
VerticalAlignment | तत्व के लिए लागू ऊर्ध्वाधर संरेखण विशेषताओं को प्राप्त करता है या सेट करता है जब यह एक पैनल या आइटम नियंत्रण जैसे मूल तत्व के भीतर बना होता है। |