🏫 🤜🏻 👎 विंडोज फोन के लिए मौसम 7. एक्सएमएल के साथ काम करना 👨🏽‍🌾 🥟 💢

^{लेखक के बारे में: पासी मैनिनन मोबाइल और वेब एप्लिकेशन विकसित करता है, यह एक नोकिया डेवलपर चैंपियन और फ्लेक्स, फ्लैश और फ्लैश मोबाइल के लिए एडोब कम्युनिटी प्रोफेशनल, एडोब सर्टिफाइड एक्सपर्ट और ट्रेनर है।} ^{एप्लाइड मैथेमेटिक्स और कंप्यूटर साइंस में डिग्री के साथ Jyväskylä (फिनलैंड में सबसे बड़े विश्वविद्यालयों में से एक) विश्वविद्यालय से स्नातक की उपाधि प्राप्त की।}

यह आलेख वर्णन करता है कि दुनिया के किसी भी शहर में मौसम के पूर्वानुमान प्रदर्शित करने वाले एप्लिकेशन के उदाहरण का उपयोग करके एक्सएमएल डेटा के साथ कैसे काम किया जाए।

प्रविष्टि

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

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

मौसम ऑनलाइन के लिए एपीआई कुंजी

मौसम ऑनलाइन तक पहुँचने के लिए आपको अपनी स्वयं की एपीआई कुंजी की आवश्यकता होगी। आप यह जान सकते हैं कि संबंधित लेख से ऐसा कैसे किया जा सकता है।

विंडोज फोन 7.1 एसडीके

विंडोज फोन 7 उपकरणों के लिए एप्लिकेशन विकसित करने के लिए, आपको उचित एसडीके स्थापित करने की आवश्यकता है। यहां नवीनतम विंडोज फोन एसडीके डाउनलोड करें ।

विंडोज फोन ऐप

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

इस उदाहरण में, मैंने C # को विकास भाषा के रूप में चुना।

विंडोज फोन 7 में पार्सिंग एक्सएमएल

विंडोज फोन 7. में XML डेटा डाउनलोड करने और पार्स करने के कई तरीके हैं। इस उदाहरण में, मैं XML डॉक्यूमेंट को एक्सएमएल डॉक्यूमेंट को लोड करने और प्रोसेस करने के लिए उपयोग करूंगा। अपने प्रोजेक्ट में System.Xml.Serialization और System.Xml.Linq के लिंक जोड़ें। अपनी परियोजना के समाधान एक्सप्लोरर में "संदर्भ" पर राइट-क्लिक करें और "नया संदर्भ जोड़ें ..." चुनें।

डाउनलोड करें और नेटवर्क से चित्र प्रदर्शित करें

एक ही समय में नेटवर्क से बड़ी संख्या में छवियों को डाउनलोड करते समय, विंडोज फोन में कुछ कठिनाइयां हो सकती हैं। इंटरनेट पर, आप पृष्ठभूमि में छवियों को डाउनलोड करने के लिए असेंबली पा सकते हैं जो इस समस्या को हल करते हैं। उनमें से एक PhonePerformance है (आप संकलित PhonePerformance असेंबली को स्रोत कोड के साथ यहाँ डाउनलोड कर सकते हैं)। PhonePerformance.dll को ज़िप संग्रह से अपनी परियोजना में कॉपी करें और समाधान एक्सप्लोरर का उपयोग करके इसमें एक नया लिंक जोड़ें।

आपको एक चेतावनी मिल सकती है कि PhonePerformance.dll असेंबली को इंटरनेट से डाउनलोड किया गया है और इसे अनलॉक करने की आवश्यकता है। बस Visual Studio को बंद करें, Windows Explorer खोलें, PhonePerformance.dll फ़ाइल ढूंढें, उस पर राइट-क्लिक करें और फ़ाइल गुणों में संबंधित बटन को अनलॉक करें।

आवेदन स्रोत कोड

अपनी परियोजना में नई कक्षाएं जोड़ने के लिए, समाधान एक्सप्लोरर में परियोजना पर राइट-क्लिक करें, पहले जोड़ें और फिर कक्षा चुनें।

Forecast.cs

मौसम ऑनलाइन मौसम की जानकारी का खजाना प्रदान करता है। इस उदाहरण में, मैं केवल उन लोगों का उपयोग करूंगा जिन्हें पूर्वानुमान वर्ग में दिखाया गया है। मौसम ऑनलाइन से मौसम का पूर्वानुमान डेटा डाउनलोड होने पर इस वर्ग का उपयोग किया जाता है।

namespace Weather { public class Forecast { public string query { get; set; } // cityname, countryname public string observation_time { get; set; } public string date { get; set; } public string temp_C { get; set; } public string tempMaxC { get; set; } public string tempMinC { get; set; } public string weatherIconUrl { get; set; } public string windspeedKmph { get; set; } public string humidity { get; set; } } }

PanoramaItemObject.cs

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

 using System.Collections.Generic; namespace Weather { public class PanoramaItemObject { public string observation_time { get; set; } public string date { get; set; } public string temperature { get; set; } public string huminity { get; set; } public string windspeed { get; set; } public string weatherIconUrl { get; set; } // five day's forecast public List<Forecast> forecasts { get; set; } } }

पैनोरमा दृश्य

डिज़ाइन (MainPage.xaml)

यह एप्लिकेशन कई पैनोरमा दृश्य उत्पन्न करता है, क्योंकि कई शहर एप्लिकेशन सेटिंग में निर्दिष्ट हैं। शीर्षक और पृष्ठभूमि केवल पहले पैनोरमा में बदलते हैं:

 <Grid x:Name="LayoutRoot" Background="Transparent"> <controls:Panorama Title="Weather Forecast" x:Name="Panorama"> <controls:Panorama.TitleTemplate> <DataTemplate> <TextBlock Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" Foreground="White" FontSize="100" Margin="0,60,0,0"/> </DataTemplate> </controls:Panorama.TitleTemplate> <controls:Panorama.Background> <ImageBrush ImageSource="Images/Background3.jpg"/> </controls:Panorama.Background> </controls:Panorama> </Grid>

आप अपनी पृष्ठभूमि छवि को प्रोजेक्ट में जोड़ सकते हैं। ऐसा करने के लिए, समाधान एक्सप्लोरर में चित्रों के लिए एक नया फ़ोल्डर बनाएं, और फिर विंडोज एक्सप्लोरर का उपयोग करके अपनी छवि की प्रतिलिपि बनाएँ। फिर, इस छवि को समाधान एक्सप्लोरर में छवि फ़ोल्डर का चयन करके प्रोजेक्ट में जोड़ें और मौजूदा आइटम जोड़ें ... सही आकार के साथ छवि का उपयोग करना महत्वपूर्ण है: उन्हें कम से कम 480x800 और 1024x800 पिक्सेल से अधिक नहीं होना चाहिए।

मैं पैनोरमा व्यू में मौसम के पूर्वानुमान को प्रदर्शित करने के लिए दो टेम्पलेट्स का उपयोग करूंगा। ये टेम्पलेट App.xaml में संग्रहीत हैं।

डिजाइन (App.xaml)

सभी पैनोरमा दृश्य समान हैं, केवल एक विशिष्ट शहर परिवर्तनों के लिए मौसम की भविष्यवाणी की जानकारी है। मैंने मौसम के पूर्वानुमान को प्रदर्शित करने के लिए DataTemplates का उपयोग किया। App.xaml फ़ाइल में Application.Resources तत्व होता है, जहाँ आप अपने DataTemplates स्टोर कर सकते हैं।

नीचे दिए गए टेम्पलेट का उपयोग पांच-दिवसीय मौसम पूर्वानुमान प्रदर्शित करने के लिए किया जाता है। प्रत्येक पंक्ति दिनांक, छवि और न्यूनतम / अधिकतम तापमान प्रदर्शित करती है।

 <DataTemplate x:Key="ForecastsDataTemplate"> <StackPanel Height="40" Orientation="Horizontal" Margin="0,10,0,0"> <TextBlock Text="{Binding date}" FontSize="22" TextAlignment="Left" Width="150"/> <TextBlock Text=" " FontSize="20"/> <Image delay:LowProfileImageLoader.UriSource="{Binding weatherIconUrl}" Width="40" Height="40"/> <TextBlock Text=" " FontSize="20"/> <TextBlock Text="{Binding tempMaxC, StringFormat='\{0\} °C'}" FontSize="22" TextAlignment="Right" Width="70"/> <TextBlock Text=" " FontSize="20"/> <TextBlock Text="{Binding tempMinC, StringFormat='\{0\} °C'}" FontSize="22" TextAlignment="Right" Width="70"/> </StackPanel> </DataTemplate>

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

 <DataTemplate x:Key="ForecastTemplate"> <Grid x:Name="ContentPanel" Grid.Row="0" Margin="0,-10,0,0"> <Grid Height="150" VerticalAlignment="Top"> <Grid.ColumnDefinitions> <ColumnDefinition Width="150"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Image delay:LowProfileImageLoader.UriSource="{Binding weatherIconUrl}" Width="120" Height="120" Grid.Column="0" VerticalAlignment="Top"/> <StackPanel Grid.Column="1" Height="200" VerticalAlignment="Top"> <TextBlock Text="{Binding temperature}" FontSize="22"/> <TextBlock Text="{Binding observation_time}" FontSize="22"/> <TextBlock Text="{Binding huminity}" FontSize="22"/> <TextBlock Text="{Binding windspeed}" FontSize="22"/> </StackPanel> </Grid> <Grid Height="300" VerticalAlignment="Bottom"> <StackPanel Grid.Column="1" VerticalAlignment="Top" Margin="0,0,0,0"> <StackPanel Grid.Row="4" Height="40" Orientation="Horizontal" Margin="0,0,0,0"> <TextBlock Text="Date" FontSize="22" TextAlignment="Left" Width="170"/> <TextBlock Text="FC" FontSize="22" TextAlignment="Left" Width="60"/> <TextBlock Text="Max" FontSize="22" TextAlignment="Right" Width="60"/> <TextBlock Text="Min" FontSize="22" TextAlignment="Right" Width="90"/> </StackPanel> <ListBox ItemTemplate="{StaticResource ForecastsDataTemplate}" ItemsSource="{Binding forecasts}"/> </StackPanel> </Grid> </Grid> </DataTemplate>

तस्वीरें लोड करने के लिए PhonePerformance.dll के लिए नामस्थान जोड़ना सुनिश्चित करें:

 xmlns:delay="clr-namespace:Delay;assembly=PhonePerformance"

सभी डेटा MainPage.xaml.cs वर्ग में इंटरफ़ेस तत्वों के साथ जुड़ा हुआ है।

प्रोग्रामिंग (MainPage.xaml.cs)

संपूर्ण XML लोडिंग प्रक्रिया MainPage.xml.cs फ़ाइल में होती है। सेटिंग्स में निर्दिष्ट सभी शहरों को पहले ऑब्जर्वेबल कॉलेक्शन में लोड किया जाता है, और एपीआई कुंजी को एपाइकी लाइन में संग्रहीत किया जाता है। लोडफोरकास्ट विधि को कई बार उन शहरों के रूप में कहा जाएगा, जिन्हें हमने आइसोलेटेडस्टोरेजसेटिंग में निर्दिष्ट किया है।

हम कक्षा चर का संकेत देंगे:

 private ObservableCollection<String> queries = new ObservableCollection<String>(); private int query; private string weatherURL = "http://free.worldweatheronline.com/feed/weather.ashx?q="; private string apiKey; private IsolatedStorageSettings appSettings; const string QueriesSettingsKey = "QueriesKey"; const string APISettingsKey = "APIKey";

MainPage कंस्ट्रक्टर में, हमें पहले एप्लिकेशन सेटिंग्स तक पहुंचने के लिए एक उदाहरण मिलता है, और फिर इंटरनेट कनेक्शन की उपलब्धता की जांच करें:

 // Constructor public MainPage() { InitializeComponent(); // get settings for this application appSettings = IsolatedStorageSettings.ApplicationSettings; // is there network connection available if (!System.Net.NetworkInformation.NetworkInterface.GetIsNetworkAvailable()) { MessageBox.Show("There is no network connection available!"); return; } }

हर बार जब MainPage प्रदर्शित होता है, तो OnNavigatedTo विधि को कहा जाता है। इसमें, हम सभी शहरों की सूची और IsolatedStorage से एक एपीआई कुंजी लोड करते हैं। उसके बाद, सभी पैनोरमा व्यू को हटा दिया जाएगा, और सभी शहरों के लिए एक नया मौसम पूर्वानुमान डाउनलोड किया जाएगा।

 protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { if (appSettings.Contains(QueriesSettingsKey)) { queries = (ObservableCollection<String>)appSettings[QueriesSettingsKey]; } if (appSettings.Contains(APISettingsKey)) { apiKey = (string)appSettings[APISettingsKey]; } else { apiKey = ""; } // delete old Panorama Items Panorama.Items.Clear(); // start loading weather forecast query = 0; if (queries.Count() > 0 && apiKey != "") LoadForecast(); }

लोडफ़ोरकास्ट वेबलाइनर क्लास का उपयोग मौसम ऑनलाइन सर्वर से एसिंक्रोनसली XML डेटा डाउनलोड करने के लिए करता है।

 private void LoadForecast() { WebClient downloader = new WebClient(); Uri uri = new Uri(weatherURL + queries.ElementAt(query) + "&format=xml&num_of_days=5&key=" + apiKey, UriKind.Absolute); downloader.DownloadStringCompleted += new DownloadStringCompletedEventHandler(ForecastDownloaded); downloader.DownloadStringAsync(uri); }

मौसम ऑनलाइन सर्वर से नए मौसम के पूर्वानुमान का डाउनलोड पूरा होने पर, पूर्वानुमानित विधि को बुलाया जाएगा। इस पद्धति में, हम वर्तमान मौसम की जानकारी को सीधे XML से संसाधित करते हैं। प्रसंस्करण के अंत में, हम AddPanoramaItem विधि का उपयोग करके एक नया पैनोरमा इटेम बनाते हैं।

 private void ForecastDownloaded(object sender, DownloadStringCompletedEventArgs e) { if (e.Result == null || e.Error != null) { MessageBox.Show("Cannot load Weather Forecast!"); } else { XDocument document = XDocument.Parse(e.Result); var data1 = from query in document.Descendants("current_condition") select new Forecast { observation_time = (string) query.Element("observation_time"), temp_C = (string)query.Element("temp_C"), weatherIconUrl = (string)query.Element("weatherIconUrl"), humidity = (string)query.Element("humidity"), windspeedKmph = (string)query.Element("windspeedKmph") }; Forecast forecast = data1.ToList<Forecast>()[0]; var data2 = from query in document.Descendants("weather") select new Forecast { date = (string)query.Element("date"), tempMaxC = (string)query.Element("tempMaxC"), tempMinC = (string)query.Element("tempMinC"), weatherIconUrl = (string)query.Element("weatherIconUrl"), }; List<Forecast> forecasts = data2.ToList<Forecast>(); for (int i = 0; i < forecasts.Count(); i++) { forecasts[i].date = DateTime.Parse(forecasts[i].date).ToString("dddd"); } AddPanoramaItem(forecast,forecasts); } }

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

 private void AddPanoramaItem(Forecast forecast, List<Forecast> forecasts) { // create object to bind the data to UI PanoramaItemObject pio = new PanoramaItemObject(); pio.temperature = "Temperature: " + forecast.temp_C + " °C"; pio.observation_time = "Observ. Time: " + forecast.observation_time; pio.windspeed = "Wind Speed: " + forecast.windspeedKmph + " Kmph"; pio.huminity = "Huminity: " + forecast.humidity + " %"; pio.weatherIconUrl = forecast.weatherIconUrl; pio.forecasts = forecasts; // create PanoramaItem PanoramaItem panoramaItem = new PanoramaItem(); panoramaItem.Header = queries[query]; // modify header to show only city (not the country) int index = queries[query].IndexOf(","); if (index != -1) panoramaItem.Header = queries[query].Substring(0, queries[query].IndexOf(",")); else panoramaItem.Header = queries[query]; // use ForecastTemplate in Panorama Item panoramaItem.ContentTemplate = (DataTemplate)Application.Current.Resources["ForecastTemplate"]; panoramaItem.Content = pio; // add Panorama Item to Panorama Panorama.Items.Add(panoramaItem); // query next city forecast query++; if (query < queries.Count()) LoadForecast(); }

सेटिंग्स

अनुप्रयोग सेटिंग्स पृथक आइसोलेटेडस्टोरेज में संग्रहीत की जाती हैं। सेटिंग पेज तब खुलता है जब उपयोगकर्ता एप्लिकेशन बार (एप्लीकेशन बार) में सेटिंग आइकन (या टेक्स्ट) पर क्लिक करता है।

डिजाइन (Main.xaml)

आप एप्लिकेशन लाइन में आइकन और टेक्स्ट प्रदर्शित कर सकते हैं। अपनी छवि को छवियों के साथ फ़ोल्डर में कॉपी करें और विधानसभा के दौरान समाधान एक्सप्लोरर में फ़ाइल सेटिंग्स पैनल में सामग्री की स्थिति के लिए इसे सेट करें। आइकन और पाठ में ईवेंट हैंडलिंग जोड़ें।

 <phone:PhoneApplicationPage.ApplicationBar> <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True"> <shell:ApplicationBarIconButton IconUri="/Images/appbar.feature.settings.rest.png" Text="Settings" Click="Settings_Click"/> <shell:ApplicationBar.MenuItems> <shell:ApplicationBarMenuItem Text="Settings" Click="Settings_Click"/> </shell:ApplicationBar.MenuItems> </shell:ApplicationBar> </phone:PhoneApplicationPage.ApplicationBar>

प्रोग्रामिंग (Main.xaml.cs)

जब उपयोगकर्ता मेनपेज पेज पर सेटिंग्स लिंक पर क्लिक करेगा तो सेटिंग्स पेज खुल जाएगा।

 private void Settings_Click(object sender, EventArgs e) { this.NavigationService.Navigate(new Uri("/SettingsPage.xaml", UriKind.Relative)); }

सेटिंग्स पेज

अपनी परियोजना में एक नया पृष्ठ (पेज) बनाने के लिए, समाधान एक्सप्लोरर में अपनी परियोजना पर राइट-क्लिक करें, ऐड चुनें और फिर नया आइटम चुनें। दिखाई देने वाली विंडो में, विंडोज फोन पोर्ट्रेट पेज का चयन करें और नए पेज को SettingsPage.xaml नाम दें।

डिज़ाइन (SettingsPage.xaml)

यह पृष्ठ पोर्ट्रेट मोड में एक सामान्य पृष्ठ है। एप्लिकेशन नाम और पृष्ठ का नाम इसके ऊपरी क्षेत्र में प्रदर्शित होते हैं।

उपयोगकर्ता API कुंजी को जोड़ और बदल सकता है, साथ ही शहरों को सिटीलिस्ट सूची में भी जोड़ सकता है। सूची में शहर के नाम पर क्लिक करके जोड़े गए शहरों को हटाया जा सकता है (जिसके बाद मैसेजबॉक्स के माध्यम से हटाने के लिए पुष्टि की जाएगी)।

 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <StackPanel Orientation="Vertical"> <TextBlock Text="API Key"/> <TextBox x:Name="APIKey" Text=""/> <TextBlock Text="Add City"/> <TextBox x:Name="NewCityName" Text="Cityname, Countryname"/> <Button Content="Test and Add" Click="Test_Click"/> <TextBlock Text="Cities (click city to remove)"/> <ListBox x:Name="CitiesList" VerticalAlignment="Top" FontSize="30" ItemsSource="{Binding queries}" Height="280" Margin="30,10,0,0" SelectionChanged="CitiesList_SelectionChanged"/> </StackPanel> </Grid>

प्रोग्रामिंग (SettingsPage.xaml.cs)

पहले हमें यह जांचने की आवश्यकता है कि उपयोगकर्ता द्वारा जोड़े गए शहर के लिए मौसम का पूर्वानुमान है या नहीं। यदि मौसम पूर्वानुमान मौजूद है (और निर्दिष्ट एपीआई कुंजी के साथ प्राप्त किया जा सकता है), तो एपीआई कुंजी और शहर को वर्ग चर में जोड़ा जाता है। जब उपयोगकर्ता एप्लिकेशन के मुख्य पृष्ठों पर लौटता है तो सेटिंग्स सहेज ली जाती हैं।

क्लास के वैरिएबल वही हैं जो हमने Main.xaml.cs क्लास में उपयोग किए थे; सेटिंग्स वर्ग का एक उदाहरण भी इसी तरह से भरा हुआ है।

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

 protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { if (appSettings.Contains(QueriesSettingsKey)) { queries = (ObservableCollection<String>)appSettings[QueriesSettingsKey]; } if (appSettings.Contains(APISettingsKey)) { apiKey = (string)appSettings[APISettingsKey]; APIKey.Text = apiKey; } // add cites to CitiesList CitiesList.ItemsSource = queries; }

जब उपयोगकर्ता सेटिंग्स पृष्ठ छोड़ देता है, तो इसके विपरीत, OnNavigatedFrom कहा जाएगा। सभी परिवर्तनों को आइसोलेटेडस्टोरेज में सहेजा जाएगा।

 protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e) { // add queries to isolated storage appSettings.Remove(QueriesSettingsKey); appSettings.Add(QueriesSettingsKey, queries); // add apikey to isolated storage appSettings.Remove(APISettingsKey); appSettings.Add(APISettingsKey, apiKey); }

सेटिंग्स पृष्ठ पर उपयोगकर्ता एपीआई कुंजी या शहर में प्रवेश करने की शुद्धता की जांच भी कर सकता है। डेटा प्रविष्टि की सफलता को सत्यापित करने के लिए एक नया WebClient ऑब्जेक्ट बनाया जाएगा। यदि कोई त्रुटि नहीं मिली और सब कुछ उम्मीद के मुताबिक काम करता है, तो नए शहर को शहरों की सूची में शहर बचा लिया जाता है।

 private void ForecastDownloaded(object sender, DownloadStringCompletedEventArgs e) { if (e.Result == null || e.Error != null) { MessageBox.Show("Cannot load Weather Forecast!"); } else { XDocument document = XDocument.Parse(e.Result); XElement xmlRoot = document.Root; if (xmlRoot.Descendants("error").Count() > 0) { MessageBox.Show("There is no weather forecast available for " + query + " or your apikey is wrong!"); NewCityName.Text = query; } else { queries.Add(query); NewCityName.Text = "Cityname,Countryname"; } } }

उपयोगकर्ता सूची में शहर के नाम पर क्लिक करके शहरों को सिटीलिस्ट सूची से हटा सकता है। यह याद रखना चाहिए कि शहर को केवल सूची से नहीं हटाया जाना चाहिए, बल्कि ऑब्जर्वेबल काबिलेक्शन से।

 private void CitiesList_SelectionChanged(object sender, SelectionChangedEventArgs e) { int selectedIndex = (sender as ListBox).SelectedIndex; if (selectedIndex == -1) return; MessageBoxResult m = MessageBox.Show("Do you want to delete " + queries[selectedIndex] + " from the list?","Delete City?", MessageBoxButton.OKCancel); if (m == MessageBoxResult.OK) { queries.RemoveAt(selectedIndex); } }

निष्कर्ष

मैंने नोकिया डेवलपर विकी में XML से संबंधित कई लेख लिखे हैं। मुझे उम्मीद है कि आप इन लेखों को उपयोगी पाएंगे, और वे विंडोज फोन 7 पर एक्सएमएल के साथ काम करने में आपकी मदद करेंगे।

स्रोत कोड यहां डाउनलोड किए जा सकते हैं: PTM_Weather.zip ।

विंडोज फोन के लिए मौसम 7. एक्सएमएल के साथ काम करना