uwp ट्यूटोरियल
Uwp के साथ शुरुआत करना
खोज…
टिप्पणियों
यह अनुभाग इस बात का अवलोकन प्रदान करता है कि uwp क्या है, और क्यों एक डेवलपर इसका उपयोग करना चाहता है।
इसमें uwp के भीतर किसी भी बड़े विषयों का उल्लेख होना चाहिए, और संबंधित विषयों के लिए लिंक करना चाहिए। चूंकि uwp के लिए दस्तावेज़ीकरण नया है, इसलिए आपको उन संबंधित विषयों के प्रारंभिक संस्करण बनाने की आवश्यकता हो सकती है।
स्थापना या सेटअप
UWP स्थापित करने या स्थापित करने पर विस्तृत निर्देश।
आवश्यकताएँ
- विंडोज 10
- विजुअल स्टूडियो 2015
कदम
डाउनलोड करें और कस्टम स्थापित करें Visual Studio 2015, यह सुनिश्चित करते हुए कि
Universal Windows App Development Toolsको इसके उप विकल्पों के साथ चुना गया है: -
a) टूल और विंडोज एसडीके
ख) विंडोज फोन के लिए एमुलेटरविकास और तैनाती डिवाइस पर डेवलपर मोड को सक्षम करना सुनिश्चित करें ।
उस भाषा के आधार पर टेम्पलेट का चयन करें जिसे आप उपयोग करना चाहते हैं:
C # , विजुअल बेसिक , C ++ या जावास्क्रिप्ट ।इसके बाद एक ब्लैंक ऐप (यूनिवर्सल विंडोज) बनाएं।
अपने आवेदन के लिए उपयुक्त विंडोज 10 के लक्ष्य और न्यूनतम संस्करण का चयन करें।
यहां क्लिक करें यदि आप सुनिश्चित नहीं हैं कि आपको कौन से संस्करण चुनना चाहिए या बस अपने डिफ़ॉल्ट मूल्यों पर विकल्प छोड़ दें और आरंभ करने के लिए 'ओके' पर क्लिक करें!
स्नैपशॉट्स
Installation
Creating a new project
Selecting Target and minimum version for your Application
अपना पहला UWP एप्लिकेशन बनाना
यह उदाहरण दर्शाता है कि एक साधारण UWP एप्लिकेशन कैसे विकसित किया जाए।
"ब्लैंक ऐप (यूनिवर्सल विंडोज)" प्रोजेक्ट के निर्माण पर कई आवश्यक फाइलें हैं जो आपके समाधान में बनाई गई हैं।
आपकी परियोजना की सभी फाइलें सॉल्यूशन एक्सप्लोरर में देखी जा सकती हैं।
आपके प्रोजेक्ट की कुछ महत्वपूर्ण फाइलें हैं:
- App.xaml और App.xaml.cs - App.xaml का उपयोग उन संसाधनों को घोषित करने के लिए किया जाता है जो अनुप्रयोग भर में उपलब्ध हैं और App.xaml.cs इसके लिए बैकएंड कोड है। App.xaml.cs अनुप्रयोग का डिफ़ॉल्ट प्रविष्टि बिंदु है
- MainPage.xaml - यह आपके एप्लिकेशन के लिए डिफ़ॉल्ट स्टार्टअप UI पृष्ठ है (आप App.xaml.cs में अपना एप्लिकेशन स्टार्टअप पृष्ठ भी बदल सकते हैं)
- Package.appxmanifest - इस फ़ाइल में आपके आवेदन की महत्वपूर्ण जानकारी होती है जैसे प्रदर्शन नाम, प्रवेश बिंदु, दृश्य संपत्ति, क्षमताओं की सूची, पैकेजिंग सामग्री आदि।
शुरू करना
अपने पृष्ठ पर एक बटन जोड़ना
अपने पृष्ठ पर किसी भी UI तत्व या टूल को जोड़ने के लिए, बाईं ओर टूलबॉक्स विंडो से तत्व को खींचें और छोड़ें। टूलबॉक्स में "बटन" टूल खोजें और इसे अपने ऐप पेज में छोड़ दें।
UI को कस्टमाइज़ करना
किसी विशेष टूल के लिए सभी गुण नीचे दाईं ओर स्थित गुण विंडो में दिखाए गए हैं।
यहां हम "इसे बोलें!" बटन के अंदर के टेक्स्ट को बदल देंगे। इसे चुनने के लिए बटन पर पहले टैप करें और फिर सामग्री खोजने और अपनी वांछित स्ट्रिंग ("इसे बोलें!") पर टेक्स्ट बदलने के लिए गुण विंडो के माध्यम से स्क्रॉल करें।
हम पृष्ठ के लिए पृष्ठभूमि का रंग भी बदल देंगे। प्रत्येक पृष्ठ में एक मूल तत्व (आमतौर पर एक ग्रिड) होता है जिसमें अन्य सभी तत्व होते हैं। इस प्रकार हम मूल ग्रिड का रंग बदल देंगे। ग्रिड पर इस टैप को करने के लिए और गुण विंडो से ब्रश को अपने इच्छित रंग में बदलें।
आपके द्वारा इसे अनुकूलित करने के बाद UI कुछ इस तरह दिखाई देगा।
कोड के पीछे
अब हमारे बटन के क्लिक पर कुछ करने देता है!
बटन पर क्लिक करने से एक घटना शुरू होती है और जब बटन क्लिक किया जाता है तो हमें कुछ उपयोगी करने के लिए घटना को संभालने की आवश्यकता होती है।
इवेंट हैंडलर जोड़ना
अपने बटन पर क्लिक ईवेंट हैंडलर जोड़ने के लिए, बटन को गुण विंडो में जाएं और लाइटनिंग बोल्ट आइकन चुनें । इस विंडो में वे सभी ईवेंट हैं जो उस तत्व के लिए उपलब्ध हैं जिसे हमने चुना था (हमारे मामले में बटन)। अगला, बटन क्लिक इवेंट के लिए हैंडलर को ऑटो-जनरेट करने के लिए "क्लिक" इवेंट के बगल में स्थित टेक्स्टबॉक्स पर डबल क्लिक करें।
इसके बाद आपको ac # पेज (MainPage.xaml.cs) पर रीडायरेक्ट किया जाएगा। अपने ईवेंट हैंडलर विधि में निम्न कोड जोड़ें:
MediaElement mediaElement = new MediaElement();
var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync("Hello, World!");
mediaElement.SetSource(stream, stream.ContentType);
mediaElement.Play();
इसके बाद, अपने ईवेंट हैंडलर में async कीवर्ड जोड़ें।
अपनी कक्षा के ऊपर कोड जोड़ने के बाद कुछ इस तरह दिखना चाहिए:
public sealed partial class MainPage : Page
{
string speakIt = "Hello, World!";
public MainPage()
{
this.InitializeComponent();
}
private async void button_Click(object sender, RoutedEventArgs e)
{
MediaElement mediaElement = new MediaElement();
var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync(speakIt);
mediaElement.SetSource(stream, stream.ContentType);
mediaElement.Play();
}
}
अपना ऐप लॉन्च करें!
आपका एप्लिकेशन लॉन्च होने के लिए तैयार है। आप F5 दबाकर अपना एप्लिकेशन लॉन्च कर सकते हैं या अपना डिवाइस चुन सकते हैं, जिस पर आप अपने एप्लिकेशन को तैनात और डीबग करना चाहते हैं और स्टार्ट बटन पर क्लिक करें।
निर्मित होने के बाद, आपका एप्लिकेशन आपके डिवाइस पर तैनात किया जाएगा। आपके डिवाइस के रिज़ॉल्यूशन और स्क्रीन साइज़ के आधार पर एप्लिकेशन अपने आप ही अपने लेआउट को कॉन्फ़िगर कर देगा। (आप विंडो को आकार देने के लिए देख सकते हैं कि यह कितनी आसानी से काम करता है) 
आगे बढ़ते हुए
अब जब आपने अपना पहला आवेदन कर दिया है, तो चलिए एक कदम आगे बढ़ते हैं!
अपने पृष्ठ पर एक टेक्स्टबॉक्स जोड़ें और बटन पर क्लिक करने पर, ऐप टेक्स्टबॉक्स में जो कुछ भी लिखा है, उसे बोल देगा।
टूलबॉक्स से अपने लेआउट में टेक्स्टबॉक्स नियंत्रण को खींचकर और छोड़ कर शुरू करें। इसके बाद, गुण मेनू से अपने टेक्स्टबॉक्स को एक नाम दें। (हमें नाम निर्दिष्ट करने की आवश्यकता क्यों है? ताकि हम आसानी से इस नियंत्रण का उपयोग कर सकें)
डिफ़ॉल्ट रूप से विज़ुअल स्टूडियो आपके नियंत्रण को एक नाम देता है, लेकिन वे जो करते हैं या जो कुछ प्रासंगिक है, उसके अनुसार नियंत्रण नाम देना एक अच्छी आदत है।
मैं अपने टेक्स्टबॉक्स को नाम दे रहा हूं - " SpeakText "।
private async void button_Click(object sender, RoutedEventArgs e)
{
//checking if the text provided in the textbox is null or whitespace
if (!string.IsNullOrWhiteSpace(speakText.Text))
speakIt = speakText.Text;
else
speakIt = "Please enter a valid string!";
MediaElement mediaElement = new MediaElement();
var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync(speakIt);
mediaElement.SetSource(stream, stream.ContentType);
mediaElement.Play();
}
अब अपना कोड तैनात करें !!
आपका एप्लिकेशन अब आपके द्वारा प्रदान की जाने वाली किसी भी वैध स्ट्रिंग को बोलने में सक्षम है !! 
बधाई हो ! आपने सफलतापूर्वक अपना स्वयं का UWP एप्लिकेशन बनाया है !!
