विंडोज 8 (WinRT) में लाइव टाइल्स

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

टाइल समर्थन का सही और उच्च गुणवत्ता वाला कार्यान्वयन आपके आवेदन की कार्यक्षमता में काफी सुधार कर सकता है और उपयोगकर्ता को आवेदन में लॉग इन करने के लिए प्रोत्साहित करेगा, टाइलों पर ध्यान दें कि परिवर्तन हुए हैं।

यह लेख निम्नलिखित बिंदुओं को कवर करेगा।

1. डिफ़ॉल्ट रूप से टाइलें।
2. लाइव टाइलें
2.1। टेम्पलेट्स
2.2। टाइल्स लगाने के तरीके
2.3। लाइव टाइल्स। पूर्ण कार्यान्वयन।
2.4। टाइल्स में छवियों के लिए लिंक।
3. एक जीवित टाइल के जीवन का प्रबंधन करना।
3.1। एक टाइल को निष्क्रिय करना
3.2। एक टाइल के लिए समय सीमा निर्धारित करना।
3.3। निर्धारित टाइल प्रदर्शन सेटिंग।
3.4। अनुसूचित टाइल सूची प्रबंधन (सूची पुनर्प्राप्ति, विलोपन)
4. टाइल्स की कतार।
5. टाइल्स में घटनाओं (बैज) का सूचक
6. टाइलों का आवधिक अद्यतन (दूरस्थ संसाधनों से)
7. माध्यमिक टाइलें
7.1। द्वितीयक टाइल सुरक्षित करना
7.2। एक माध्यमिक टाइल से एक आवेदन को सक्रिय करना
7.3। टिकी हुई टाइल को हटाना
7.4। द्वितीयक टाइल का पुनरोद्धार
8. पृष्ठभूमि कार्य और पुश अधिसूचना के माध्यम से लाइव टाइल प्रबंधन

1. डिफ़ॉल्ट रूप से टाइलें।

Win8 में, आप दो मुख्य आकारों के टाइल सेट कर सकते हैं - वर्ग 150x150 (वर्ग) और चौड़ा 310x150 (चौड़ा)।

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



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


बैकग्राउंड कलर में बैकग्राउंड कलर, प्रॉपर्टी में उसी पेज पर बदला जा सकता है।
उदाहरण के लिए, गहरे हरे रंग के लिए, आप मान # 005500 पर सेट कर सकते हैं।
डिफ़ॉल्ट रंग ग्रे # 464646 है, जिसे बाद में उपयोग किया जाएगा।

2.Live टाइल्स

2.1। टेम्पलेट्स

विंडोज 8 में लाइव टाइल के लिए समर्थन है, विंडोज फोन में लाइव टाइल के समान। उपयोगकर्ता के लिए प्राथमिकता वाली जानकारी के साथ टाइल को "पुनर्जीवित" करने की संभावना के कारण "लाइव टाइल्स" को उनका नाम मिला।

WinRT एपीआई टाइल्स के लिए 46 टेम्पलेट प्रदान करता है। प्रत्येक टेम्पलेट का विस्तृत विवरण MSDN पृष्ठ पर पाया जा सकता है।

चौकोर टाइल्स के लिए १० और चौड़े के लिए ३६ टेम्प्लेट हैं, अगर आप एप्लीकेशन में चौड़ी टाईल्स इस्तेमाल करने की योजना नहीं बनाते हैं, तो १० के लिए चौकोर टाइल्स पर्याप्त हैं ...

इसके अलावा, आप सभी टाइलों को पाठ के साथ ग्राफिक और ग्राफिक में विभाजित कर सकते हैं। सभी वर्ग डबल-पक्षीय टाइलें एक एनिमेटेड टाइल हैं जो समय-समय पर छवि को पाठ में बदलती हैं।

वर्ग टाइल टेम्पलेट्स

टेक्स्ट	ग्राफिक	ग्राफिक्स और पाठ (दो तरफा)
TileSquareBlock, TileSquareText01, TileSquareText02, TileSquareText03, TileSquareText04,	TileSquareImage	TileSquarePeekImageAndText01 TileSquarePeekImageAndText02 TileSquarePeekImageAndText03 TileSquarePeekImageAndText04

विस्तृत टाइलों का चयन बहुत अधिक है।
इसी समय, "शुद्ध" रूप में केवल दो ग्राफिक हैं, और एक टाइल पर ग्राफिक्स और पाठ के साथ एक तरफा टाइलें भी हैं।

वाइड टाइल टेम्प्लेट

टेक्स्ट	ग्राफिक	पाठ और ग्राफिक
TileWideBlockAndText01 TileWideBlockAndText02 TileWideText01 TileWideText02 TileWideText03 TileWideText04 TileWideText05 TileWideText06 TileWideText07 TileWideText08 TileWideText09 TileWideText10 TileWideText11	TileWideImage TileWideImageCollection	एकल पक्षीय TileWideImageAndText01 TileWideImageAndText02 TileWideSmallImageAndText01 TileWideSmallImageAndText02 TileWideSmallImageAndText03 TileWideSmallImageAndText04 TileWideSmallImageAndText05 द्विपक्षीय (एनिमेटेड संक्रमण) TileWidePeekImageCollection01 TileWidePeekImageCollection02 TileWidePeekImageCollection03 TileWidePeekImageCollection04 TileWidePeekImageCollection05 TileWidePeekImageCollection06 TileWidePeekImageAndText01 TileWidePeekImageAndText02 TileWidePeekImage01 TileWidePeekImage02 TileWidePeekImage03 TileWidePeekImage04 TileWidePeekImage05 TileWidePeekImage06

2.2। टाइल्स लगाने के तरीके

लाइव टाइल्स के लिए समर्थन जोड़ना बहुत सरल है। MSDN में लिंक के तहत , आप xml टेम्पलेट का विवरण पा सकते हैं।

Xml विवरण के साथ टाइलसक्लेयरब्लॉक वर्ग टाइल जोड़ने के उदाहरण पर विचार करें:

<tile> <visual> <binding template="TileSquareBlock"> <text id="1">Text Field 1</text> <text id="2">Text Field 2</text> </binding> </visual> </tile> 

संख्यात्मक जानकारी प्रदर्शित करने के लिए टेम्पलेट सबसे अच्छा है। तत्व में टैग का उपयोग उन मूल्यों को निर्धारित करने के लिए किया जाता है जिनकी हमें आवश्यकता होती है।
पहले क्षेत्र के लिए 25 का मान और दूसरे के लिए डिग्री निर्दिष्ट करें:

 <tile> <visual> <binding template="TileSquareBlock"> <text id="1">25</text> <text id="2">degrees</text> </binding> </visual> </tile> 

एक बार जब आप टेम्पलेट पर फैसला कर लेते हैं, तो कोड लिखना शुरू करते हैं।
हमारे पास टाइल लगाने के तीन अलग-अलग समान तरीके हैं:

2.2.1। "मैनुअल" कार्यान्वयन

इस पद्धति का सार यह है कि हम मैन्युअल रूप से आवश्यक Xml दस्तावेज़ उत्पन्न करते हैं और इसके आधार पर एक टाइल बनाते हैं:

 var xml = @"<tile> <visual> <binding template=""TileSquareBlock""> <text id=""1"">25</text> <text id=""2"">Degrees</text> </binding> </visual> </tile>"; var xmlDocument = new XmlDocument(); xmlDocument.LoadXml(xml); var notification=new TileNotification(xmlDocument); TileUpdateManager.CreateTileUpdaterForApplication().Update(notification); 

2.2.2। पूर्वनिर्धारित टेम्पलेट द्वारा

WinRT के पास तैयार किए गए टेम्पलेट हैं। WinRT API "TileUpdateManager.GetTemplateContent" का उपयोग करके हम किसी भी टेम्पलेट XmlDocument को लोड कर सकते हैं और XmlDocument API का उपयोग करके मान बदल सकते हैं।

 var xmlDocument = TileUpdateManager.GetTemplateContent(TileTemplateType.TileSquareBlock); var nodes = xmlDocument.GetElementsByTagName("binding").First().ChildNodes; nodes[0].InnerText = "25"; nodes[1].InnerText = "Degrees"; var notification = new TileNotification(xmlDocument); TileUpdateManager.CreateTileUpdaterForApplication().Update(notification); 

शायद सबसे अधिक समय लेने वाला विकल्प। यह न केवल टेम्पलेट की संरचना को याद रखने के लिए आवश्यक है, बल्कि मूल्यों को निर्धारित करने के लिए अधिक कोड भी लिखें।

2.2.3। NotificationsExtensions Library का उपयोग करना

टाइल्स के साथ काम को आसान बनाने के लिए डिज़ाइन किए गए NotificationsExtension लाइब्रेरी के साथ आधिकारिक उदाहरण आते हैं। लाइब्रेरी WinRT API पर एक आवरण है और आवश्यक xml दस्तावेज़ एकत्र करता है। आइए देखें कि इस पुस्तकालय का उपयोग करके हमारा टाइल कार्यान्वयन कैसे दिखेगा।

 ITileSquareBlock tileContent = TileContentFactory.CreateTileSquareBlock(); tileContent.TextBlock.Text = "25"; tileContent.TextSubBlock.Text = "Degrees"; TileUpdateManager.CreateTileUpdaterForApplication().Update(tileContent.CreateNotification()); 

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

अब, हमारे आवेदन को लॉन्च करने के बाद, मुख्य टाइल "जीवन में आएगी", और हमारी सामग्री के साथ अपनी छवि को एक टाइल में बदल दें (बशर्ते कि टाइल मोड "वर्ग" अब है):



"विस्तृत" टाइल के लिए, हमारे पास कोई बदलाव नहीं होगा, हम आगे विचार करेंगे कि टाइल को सही ढंग से कैसे लागू किया जाए।

2.3। लाइव टाइल्स। पूर्ण कार्यान्वयन।

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

 <tile> <visual> <binding template="TileSquareBlock"> <text id="1">25</text> <text id="2">degrees</text> </binding> </visual> </tile> 

और विस्तृत टाइल के लिए टेम्पलेट:

 <tile> <visual> <binding template="TileWideText03"> <text id="1">25 degrees</text> </binding> </visual> </tile> 

फिर संयुक्त संस्करण इस तरह दिखेगा:

 <tile> <visual> <binding template="TileSquareBlock"> <text id="1">25</text> <text id="2">degrees</text> </binding> <binding template="TileWideText03"> <text id="1">25 degrees</text> </binding> </visual> </tile> 

एक छोटी सहायक विधि जोड़ें, जिसका उपयोग हम बाद में लेख में कोड की मात्रा को कम करने के लिए करेंगे:

 private TileNotification CreateNotification(string xml) { var xmlDocument = new XmlDocument(); xmlDocument.LoadXml(xml); return new TileNotification(xmlDocument); } 

अब चौड़ी और चौकोर टाइल्स के लिए कार्यान्वयन इस तरह दिखेगा:

 var tile = CreateNotification(@"<tile> <visual> <binding template=""TileSquareBlock""> <text id=""1"">25</text> <text id=""2"">Degrees</text> </binding> <binding template=""TileWideText03""> <text id=""1"">25 degrees in Moscow</text> </binding> </visual> </tile>"); TileUpdateManager.CreateTileUpdaterForApplication().Update(tile); 

चूंकि अब हमारे पास चौड़ी और चौकोर टाइल्स के लिए सामग्री है, जब हम "वाइड" टाइल मोड में स्विच करते हैं, तो हम निम्नलिखित पाठ देखेंगे:



NotificationExtensions पुस्तकालय भी एक विस्तृत और वर्ग टाइल निर्दिष्ट करने की क्षमता का समर्थन करता है। इस लाइब्रेरी का उपयोग करके एक समान उदाहरण पर विचार करें:

 ITileSquareBlock squareTile = TileContentFactory.CreateTileSquareBlock(); squareTile.TextBlock.Text = "25"; squareTile.TextSubBlock.Text = "Degrees"; ITileWideText03 wideTile = TileContentFactory.CreateTileWideText03(); wideTile.TextHeadingWrap.Text = "25 degrees in Moscow"; wideTile.SquareContent = squareTile; TileUpdateManager.CreateTileUpdaterForApplication().Update(squareTile.CreateNotification()); 

यहां, दो प्रकार की टाइलों का एक "बंडल" वर्ग टाइल चौड़ी टाइल के संदर्भ में इंगित करके किया जाता है ।quareContent = squareTile;

2.4। टाइल्स में छवियों के लिए लिंक।

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

इन चित्रों को प्रदर्शित करने के लिए एक छोटी सहायक विधि जोड़ें।

 private void ImageLiveTile(string squareImageUri, string wideImageUri) { var tile = CreateNotification(String.Format(@"<tile> <visual> <binding template=""TileSquareImage""> <image id=""1"" src=""{0}"" alt=""alt text""/> </binding> <binding template=""TileWideImage""> <image id=""1"" src=""{1}"" alt=""alt text""/> </binding> </visual> </tile>",squareImageUri,wideImageUri)); TileUpdateManager.CreateTileUpdaterForApplication().Update(tile); } 

सबसे पहले, हम देखते हैं कि एसेट्स फ़ोल्डर में हमारे आवेदन में स्थित टाइल कैसे प्रदर्शित की जाए

 ImageLiveTile(@"Assets\SquareTileLogo.png", @"Assets\WideTileLogo.png"); 

जिसके बाद आप निम्न टाइल देख सकते हैं:



सापेक्ष रास्तों के बजाय, एक निरपेक्ष पथ के साथ एक परियोजना में संसाधनों तक पहुंच प्राप्त करने की संभावना भी है। तो हमें निम्न पते पर एक समान परिणाम मिलता है:

 ImageLiveTile(@"ms-appx:///Assets/SquareTileLogo.png", @"ms-appx:///Assets/WideTileLogo.png"); 

हमारे पास वेब संसाधनों से चित्र प्रदर्शित करने की क्षमता भी है। उदाहरण के लिए, एक 150x150 वर्ग टाइल और एक 320x159 चौड़ी टाइल के लिए एक ही फोटो लें।

 ImageLiveTile(@"http://farm5.staticflickr.com/4019/4529892979_23bcdc7b1e.jpg", @"http://farm5.staticflickr.com/4019/4529892979_23bcdc7b1e_n.jpg"); 

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

स्थानीय भंडारण में टाइलों को संदर्भित करना भी संभव है। ऐसा करने के लिए, ms-appdata उपसर्ग का उपयोग करें : /// स्थानीय /

उदाहरण के लिए, एक छोटी सरल सहायक विधि जोड़ें, जो इंटरनेट पर एक निर्दिष्ट पते से एक फ़ाइल नाम के साथ फ़ाइल संग्रहण के लिए फ़ाइल सहेजती है:

 private async Task SaveImage(string url, string fileName) { var client = new HttpClient(); var bytes = await client.GetByteArrayAsync(url); var file= await ApplicationData.Current.LocalFolder.CreateFileAsync(fileName,CreationCollisionOption.ReplaceExisting); var writeStream = await file.OpenAsync(FileAccessMode.ReadWrite); var streamWriter = new BinaryWriter(writeStream.AsStreamForWrite()); streamWriter.Write(bytes); streamWriter.Flush(); } 

अब हम छवियों को स्थानीय भंडारण में सहेज सकते हैं

 await SaveImage(@"http://farm5.staticflickr.com/4019/4529892979_23bcdc7b1e.jpg", "squareTile.jpg"); await SaveImage(@"http://farm5.staticflickr.com/4019/4529892979_23bcdc7b1e_n.jpg", "wideTile.jpg"); 

और एक जीवित टाइल बनाते समय उसकी ओर मुड़ें

 ImageLiveTile(@"ms-appdata:///local/squareTile.jpg", @"ms-appdata:///local/wideTile.jpg"); 

3. एक जीवित टाइल के जीवन का प्रबंधन करना।

जैसा कि हमने ऊपर देखा, टाइल्स से किसी तरह की जानकारी मिलती है। आप इस जानकारी के जीवनकाल को नियंत्रित करना चाहते हैं और टाइल्स के प्रदर्शन समय को नियंत्रित कर सकते हैं।

3.1। एक टाइल को निष्क्रिय करना

सबसे पहले, हम विचार करेंगे कि एक टाइल को कैसे निष्क्रिय किया जाए:

 TileUpdateManager.CreateTileUpdaterForApplication().Clear(); 

इस पद्धति को निष्पादित करने के बाद, टाइल्स को डिफ़ॉल्ट टाइल के साथ बदल दिया जाता है।

3.2। एक टाइल के लिए समय सीमा निर्धारित करना।

हम एक टाइल के जीवनकाल को तब भी सेट कर सकते हैं जब इसे बनाया जाता है। उदाहरण के लिए, यह उन घटनाओं के लिए हो सकता है जो कुछ समय बाद प्रासंगिकता खो देते हैं (उदाहरण के लिए, प्रसारण में वर्तमान प्रसारण के बारे में जानकारी प्रदर्शित करना)।

एक उदाहरण के रूप में, 10 सेकंड के बाद लाइव टाइल को बंद कर दें।

 var tile = CreateNotification(@"<tile> <visual> <binding template=""TileSquareBlock""> <text id=""1"">40</text> <text id=""2"">Degrees</text> </binding> <binding template=""TileWideText03""> <text id=""1"">40 degrees in Moscow</text> </binding> </visual> </tile>"); tile.ExpirationTime = DateTimeOffset.UtcNow.AddSeconds(10); TileUpdateManager.CreateTileUpdaterForApplication().Update(tile); 

कोड को निष्पादित करने और आवेदन को कम करने के बाद, हम देख सकते हैं कि लाइव टाइल कैसे दिखाई देती है और 10 सेकंड के बाद गायब हो जाती है।

3.3। शेड्यूल्ड टाइल डिस्प्ले सेटिंग।

उदाहरण के लिए, यदि कोई घटना एक घंटे में शुरू होती है, तो शायद हम चाहते हैं कि टाइल को अभी प्रदर्शित न किया जाए, लेकिन एक घंटे में, जब यह घटना घटती है।

उदाहरण के लिए, यदि हम 10 सेकंड के बाद एक टाइल स्थापित करना चाहते हैं, तो हम निम्नलिखित कोड लिखेंगे।

 var tile = CreateNotification(@"<tile> <visual> <binding template=""TileSquareBlock""> <text id=""1"">10</text> <text id=""2"">Degrees</text> </binding> <binding template=""TileWideText03""> <text id=""1"">10 degrees in Moscow</text> </binding> </visual> </tile>"); var scheduledTileNotification = new ScheduledTileNotification(tile.Content, DateTimeOffset.UtcNow.AddSeconds(10)); TileUpdateManager.CreateTileUpdaterForApplication().AddToSchedule(scheduledTileNotification); 

ScheduledTileNotification विधि एक XmlDocument स्वीकार करता है। (इस मामले में, टाइल। कंटेंट में एक XmlDocument होता है)।

उसी तरह, हम टाइल लॉन्च के साथ अनुसूचित लॉन्च को जोड़ सकते हैं।
उदाहरण के लिए, 15 सेकंड के लिए 10 सेकंड के बाद टाइल बनाने वाला कोड इस तरह दिखता है:

 var scheduledTileNotification = new ScheduledTileNotification(tile.Content, DateTimeOffset.UtcNow.AddSeconds(10)); scheduledTileNotification.ExpirationTime = DateTimeOffset.UtcNow.AddSeconds(25); TileUpdateManager.CreateTileUpdaterForApplication().AddToSchedule(scheduledTileNotification); 

3.4। अनुसूचित टाइल सूची प्रबंधन (सूची पुनर्प्राप्ति, विलोपन)

यदि हम एक समय पर एक साथ कई टाइलों का उपयोग करने की योजना बनाते हैं, तो हमें टाइलों को पहचानने का अवसर प्रदान करने का उपयोग करना चाहिए:

 scheduledTileNotification.Id = "1"; 

हम एक समय पर सभी स्थापित टाइलों की एक सूची प्राप्त कर सकते हैं जिसका उपयोग करके टाइलअपडेटमैनेजर का उपयोग किया जा सकता है। क्रेटटेइल यूपडैटरफॉरप्लेक्शन () विधि

 var scheduledTiles = TileUpdateManager.CreateTileUpdaterForApplication(); 

आप पहचानकर्ता द्वारा क्रमशः हमारी टाइल तक पहुंच सकते हैं

 var tile = scheduledTiles.FirstOrDefault(i => i.Id == "1"); 

अब, उदाहरण के लिए, यदि आवश्यक हो, तो हम इस टाइल को हटा सकते हैं।

 if(tile!=null) { TileUpdateManager.CreateTileUpdaterForApplication().RemoveFromSchedule(tile); } 

4. टाइल्स की कतार।

WinRT एपीआई में, हमारे पास 5 टाइलों की एक कतार स्थापित करने की क्षमता है, जो कि चक्रीय रूप से प्रदर्शित की जाएगी।

हमें बस इतना करना चाहिए कि कतार समर्थन विधि को सक्षम करें:

 TileUpdateManager.CreateTileUpdaterForApplication().EnableNotificationQueue(true); 

तदनुसार, कतार को अक्षम करने के लिए, हमें मूल्य को गलत पास करना होगा।
टाइलें विभिन्न पैटर्न की हो सकती हैं, लेकिन सादगी के लिए हम एक ही पैटर्न के साथ एक छोटे से उदाहरण पर विचार करेंगे।
चलो टाइल स्थापित करने के लिए एक छोटी सहायक विधि बनाते हैं:

 private void SetTile(int value) { var tile = CreateNotification(String.Format(@"<tile> <visual> <binding template=""TileSquareBlock""> <text id=""1"">{0}</text> <text id=""2"">Degrees</text> </binding> <binding template=""TileWideText03""> <text id=""1"">{0} degrees in Moscow</text> </binding> </visual> </tile>",value)); TileUpdateManager.CreateTileUpdaterForApplication().Update(tile); } 

अब, कई टाइलों की एक कतार स्थापित करें जिन्हें चक्रीय रूप से प्रदर्शित किया जाएगा।

 TileUpdateManager.CreateTileUpdaterForApplication().Clear(); TileUpdateManager.CreateTileUpdaterForApplication().EnableNotificationQueue(true); SetTile(15); SetTile(25); SetTile(35); 

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

5. टाइल्स में घटनाओं (बैज) का सूचक

हमारे पास टाइल्स (स्वतंत्र रूप से लाइव या डिफ़ॉल्ट टाइल) पर घटना सूचक को प्रदर्शित करने की क्षमता है। घटना सूचक निचले दाएं कोने में प्रदर्शित होता है और आप एक संख्या (1 से 99 तक, उदाहरण के लिए, बिना पढ़े संदेशों की संख्या) या एक ग्लिफ़ (एप्लिकेशन स्टेट) प्रदर्शित कर सकते हैं।

आप रूसी में MSDN पृष्ठ पर ईवेंट संकेतक के बारे में अधिक पढ़ सकते हैं। यहां हम घटना सूचक के कार्यान्वयन पर विचार करते हैं।

संकेतकों के साथ काम करने के लिए, हमारे पास बैजअपडेटमैनेजर है जिसकी एपीआई लगभग टाइलअपडेटमैनेजर एपीआई के समान है।

आइए विचार करें कि इवेंट इंडिकेटर में नंबर 12 को कैसे प्रदर्शित किया जाए, इसके लिए हम MSDN /> पेज से संबंधित टेम्पलेट लेते हैं

 var xmlDocument = new XmlDocument(); xmlDocument.LoadXml(@"<badge value=""12""/>")); var badgeNotification = new BadgeNotification(xmlDocument); BadgeUpdateManager.CreateBadgeUpdaterForApplication().Update(badgeNotification); 

अब हम डिफ़ॉल्ट टाइल और लाइव टाइल दोनों पर 12 के मान के साथ संकेतक का निरीक्षण कर सकते हैं:



ग्लिफ़ को प्रदर्शित करने के लिए, हमें एक पहचानकर्ता के साथ xml में मान 12 को प्रतिस्थापित करना चाहिए। उदाहरण के लिए, "ध्यान" पर

 xmlDocument.LoadXml(@"<badge value=""attention""/>")); 

टाइल्स की तरह, हम घटना सूचक के लिए एक समय सीमा निर्धारित कर सकते हैं:

 badgeNotification.ExpirationTime = DateTimeOffset.UtcNow.AddSeconds(10); 

और, इसी तरह, हम संकेतक को हटा सकते हैं

 BadgeUpdateManager.CreateBadgeUpdaterForApplication().Clear(); 

6. टाइलों का आवधिक अद्यतन (दूरस्थ संसाधनों से)

अक्सर किसी सेवा / साइट के डेटा के साथ टाइल अपडेट करना आवश्यक होता है। उदाहरण के लिए, यदि मौसम दिन के दौरान बदलता है, तो शायद हम एक घंटे में एक बार वर्तमान वायु तापमान को अपडेट करना चाहेंगे।

सादगी के लिए, हम एक नया वेब एप्लिकेशन बनाएंगे जो हमें वर्तमान समय टाइल देता है। यदि यह ASP.NET अनुप्रयोग है, तो एक HttpHandler जोड़ें जो मौजूदा समय के साथ एक xml टाइल लौटाता है:

 public class TileHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/xml"; context.Response.Write(String.Format(@"<tile> <visual> <binding template=""TileSquareText02""> <text id=""1"">{0}</text> <text id=""2"">current time</text> </binding> <binding template=""TileWideText03""> <text id=""1"">Time: {0}</text> </binding> </visual> </tile> ",DateTime.Now.ToShortTimeString())); } public bool IsReusable {get { return false; }} } 

अब, यदि, उदाहरण के लिए, हैंडलर लोकलहोस्ट : 28457 / टाइलहैंडलर.शैक्स पर स्थित है, तो हम नोटिफिकेशन प्राप्त करने के लिए इस पते का उपयोग कर सकते हैं।

आवेदन में निम्नलिखित कोड हर आधे घंटे में टाइल की जाँच और अद्यतन करना शुरू करता है:

 TileUpdateManager.CreateTileUpdaterForApplication().StartPeriodicUpdate(new Uri("http://localhost:28457/TileHandler.ashx"),PeriodicUpdateRecurrence.HalfHour); 

हम टाइल को तुरंत अद्यतन करना शुरू नहीं कर सकते हैं, लेकिन निर्दिष्ट समय के बाद। उदाहरण के लिए, निम्न कोड 3 घंटे के बाद टाइलों की जाँच और अद्यतन करना शुरू करता है:

 TileUpdateManager.CreateTileUpdaterForApplication().StartPeriodicUpdate(new Uri("http://localhost:28457/TileHandler.ashx"), DateTimeOffset.UtcNow.AddHours(10), PeriodicUpdateRecurrence.HalfHour); 

अब, यदि हम एप्लिकेशन चलाते हैं, तो हम चौड़ी और चौकोर टाइल्स के लिए निम्नलिखित टाइल देखेंगे:



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

सबसे पहले, हमें कतार समर्थन को सक्षम करने की आवश्यकता है:

 TileUpdateManager.CreateTileUpdaterForApplication().EnableNotificationQueue(true); Uri[] uriCollection=new [] { new Uri("http://localhost:28457/TileHandler1.ashx"), new Uri("http://localhost:28457/TileHandler2.ashx"), new Uri("http://localhost:28457/TileHandler3.ashx"), new Uri("http://localhost:28457/TileHandler4.ashx"), new Uri("http://localhost:28457/TileHandler5.ashx"), }; TileUpdateManager.CreateTileUpdaterForApplication().StartPeriodicUpdateBatch(uriCollection,PeriodicUpdateRecurrence.HalfHour); 

इवेंट आइडेंटिफ़ायर को उसी तरह अपडेट किया जाता है।

उदाहरण के लिए, यदि हमारे पास एक स्थानीय पता है: 28457 / बैजहैंडलर.शक्स जो फॉर्म का xml लौटाता है />

निम्न कोड हर आधे घंटे में संकेतक स्थिति का अनुरोध और अद्यतन करेगा।

 BadgeUpdateManager.CreateBadgeUpdaterForApplication().StartPeriodicUpdate(new Uri("http://localhost:28457/TileBadgeHandler.ashx"),PeriodicUpdateRecurrence.HalfHour); 

7. माध्यमिक टाइलें

माध्यमिक टाइलें कुछ पृष्ठों पर कुछ मापदंडों के साथ एप्लिकेशन को चलाना संभव बनाती हैं। माध्यमिक टाइल के साथ काम करने का एक काफी विस्तृत उदाहरण MSDN के उदाहरणों से डाउनलोड किया जा सकता है। माध्यमिक टाइल के साथ काम करने पर विचार करें।

7.1। द्वितीयक टाइल सुरक्षित करना

एक माध्यमिक टाइल को ठीक करना काफी सरल है:

उदाहरण के लिए, यदि हमारे पास टाइल को ठीक करने के लिए एक बटन है, तो हम टाइल को ठीक करने के लिए बटन को निम्नलिखित हैंडलर को लिखेंगे (सादगी के लिए हम डिफ़ॉल्ट टाइल के लिए उसी लोगो का उपयोग करते हैं):

 private async void PinToStart_Click(object sender, RoutedEventArgs e) { SecondaryTile secondaryTile = new SecondaryTile() { TileId = "MyTileId", ShortName = "Tile short name", DisplayName = "Tile display name", Arguments = "MyTileArgument", TileOptions = TileOptions.ShowNameOnLogo | TileOptions.ShowNameOnWideLogo, Logo = new Uri("ms-appx:///assets/SquareTileLogo.png"), WideLogo = new Uri("ms-appx:///assets/WideTileLogo.png"), }; bool isPinned = await secondaryTile.RequestCreateAsync(); } 

टाइलआईड एक टाइल के लिए एक विशिष्ट पहचानकर्ता है और बाद में एक विशिष्ट टाइल के साथ काम करने के लिए उपयोग किया जाता है (हटाएं, अपडेट, प्रारंभ, आदि)

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

जाहिर है, यह बग, और सबसे अधिक संभावना है कि यह तय हो जाएगा, लेकिन, किसी भी मामले में, यह दृढ़ता से सिफारिश की जाती है कि पहचानकर्ता के रूप में "ऐप" का उपयोग न करें।
बटन पर क्लिक करने के बाद, टाइल को ठीक करने के लिए निम्नलिखित संवाद बॉक्स दिखाई देगा:

9. "माध्यमिक टाइल से आवेदन की सक्रियता

हमने द्वितीयक टाइल बनाने के बाद, द्वितीयक टाइल द्वारा आवेदन के सक्रियण को संसाधित करना आवश्यक है।
ऐसा करने के लिए, AppXaml.cs विधि में, हम args स्टार्टअप तर्कों को संसाधित कर सकते हैं। हम इस पैरामीटर से टाइलआईड टाइल पहचानकर्ता और तर्क प्राप्त कर सकते हैं। सादगी के लिए, हम एक परिदृश्य लागू करते हैं जब टाइल द्वारा सक्रिय होने पर एप्लिकेशन में एक विशेष पृष्ठ खुलता है।
ऐसा करने के लिए, एक ही फ़ाइल में App.xaml.cs OnLaunch विधि में, विधि की शुरुआत में दूसरे पृष्ठ पर स्विच करने के लिए कोड जोड़ें, बशर्ते कि यह एक द्वितीयक टाइल से सक्रिय हो

 protected override void OnLaunched(LaunchActivatedEventArgs args) { var tileId= args.TileId; if (tileId == "MyTileId") { if(Window.Current.Content ==null) { Window.Current.Content=new Frame(); } var secondaryTileArgument = args.Arguments; ((Frame)Window.Current.Content).Navigate(typeof(SecondaryTilePage), secondaryTileArgument); Window.Current.Activate(); return; } … } 

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

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

13. = निश्चित टाइल हटाना

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

बटन पर एक अनपिन बटन और हैंडलर जोड़ें:

 private async void UnPinFromStart_Click(object sender, RoutedEventArgs e) { if(Windows.UI.StartScreen.SecondaryTile.Exists("MyTileId")) { SecondaryTile secondaryTile = new SecondaryTile("MyTileId"); bool unpinned = await secondaryTile.RequestDeleteAsync(); } } 

SecondaryTile.Exists () विधि आपको डेस्कटॉप पर एक निश्चित टाइल की जांच करने की अनुमति देती है।
इस कोड को निष्पादित करते समय, उपयोगकर्ता को यह पुष्टि करनी चाहिए कि वह द्वितीयक टाइल को हटाना चाहता है, जिसके बाद टाइल को हटा दिया जाएगा

4. "द्वितीयक टाइल का" पुनरोद्धार "

सेकेंडरी टाइल्स को भी लाइव किया जा सकता है। द्वितीयक टाइल के लिए एपीआई प्राथमिक टाइल के समान है।

द्वितीयक टाइल के साथ काम करने के लिए, टाइलअपडेटमैनेजर का उपयोग करें। CreateTileUpdaterForSecondaryTile (टाइलआईड) विधि।

एक माध्यमिक टाइल के लिए एक समान उदाहरण

 var tile = CreateNotification(@"<tile> <visual> <binding template=""TileSquareBlock""> <text id=""1"">25</text> <text id=""2"">Degrees</text> </binding> <binding template=""TileWideText03""> <text id=""1"">25 degrees in Moscow</text> </binding> </visual> </tile>"); TileUpdateManager.CreateTileUpdaterForSecondaryTile("MyTileId").Update(tile); 

8. पृष्ठभूमि कार्य और पुश अधिसूचना के माध्यम से लाइव टाइल प्रबंधन

BackgroundTask और PushNotification विषय प्रत्येक अलग लेख के लायक हैं।
यहां हम दोनों विषयों के लिए टाइल के साथ काम करने के सिद्धांत पर विचार करते हैं।

8.1। पृष्ठभूमि का कार्य

एक पृष्ठभूमि कार्य बनाने का एक त्वरित परिचय MSDN पर पाया जा सकता है

OnCompleted मेथड में, जब किसी बैकग्राउंड टास्क को ट्रिगर किया जाता है, तो हम LiveTile सेट कर सकते हैं

 void OnCompleted(BackgroundTaskRegistration sender, BackgroundTaskCompletedEventArgs args) { var tile = CreateNotification(String.Format(@"<tile> <visual> <binding template=""TileSquareText04""> <text id=""1"">{0}</text> <text id=""2""></text> </binding> <binding template=""TileSquareText02""> <text id=""1"">{0}</text> <text id=""2""></text> </binding> </visual> </tile>", DateTime.Now.ToString("hh:mm:ss"))); TileUpdateManager.CreateTileUpdaterForApplication().Update(tile); } 

2. 2. पुश अधिसूचना

विंडोज 8 में, पुश नोटिफिकेशन अधिक सुरक्षित हो गए हैं और इसके साथ काम करना थोड़ा मुश्किल हो गया है।
कैसे सर्वर से WNS सर्वर में लॉग इन करें और पुश सूचना भेजें MSDN पृष्ठ पर वर्णित है । वहां, दस्तावेज़ के अंत में, समाप्त कोड दिया गया है। यहाँ मैं केवल विधि हस्ताक्षर दे दूंगा:

सार्वजनिक स्ट्रिंग PostToWns (स्ट्रिंग रहस्य, स्ट्रिंग साइज़, स्ट्रिंग उड़ी, स्ट्रिंग xml, स्ट्रिंग प्रकार = "wns / टोस्ट") {}

एक प्रकार के रूप में, मान "wns" टाइल
xml मान के रूप में, पास करें टाइल।

एक उदाहरण:

 string xml = @"<tile> <visual> <binding template=""TileSquareText04""> <text id=""1"">Tile text1</text> <text id=""2"">Tile text2</text> </binding> <binding template=""TileSquareText02""> <text id=""1"">Tile text1</text> <text id=""2"">Tile text2</text> </binding> </visual> </tile>"; 

केवल कैडेट - msdn पृष्ठ पर निर्दिष्ट मेरी विधि तब तक काम नहीं करती जब तक कि मैंने सामग्री-प्रकार और सामग्री की गति को नहीं जोड़ा:

 request.Headers.Add("X-WNS-Type", type); request.Headers.Add("Authorization", String.Format("Bearer {0}", accessToken.AccessToken)); request.ContentType = "text/xml"; request.ContentLength = xml.Length; 

दस्तावेज़ के अंत में एक चैनल बनाने और खोलने के लिए लिंक हैं और डब्ल्यूएनएस सर्वर पर प्राधिकरण का वर्णन है।
गुप्त और साइड पैरामीटर्स फॉर्म के मान हैं
: साइड: "एमएस-ऐप: // s-1-23-2-3112458577-1770873644-3250801218-3829720502-2556658560-1678414136464691272";
रहस्य: "DcQWqb7eL7oIwVCr8yIOo-aQQRplPD33";

वास्तव में, यह सब है कि टाइल एपीआई प्रदान करता है।

PS लेख लिखने में मदद, मदद और समर्थन के लिए बहुमूल्य सलाह के लिए habrazer Stas Pavlov stasus और Sergey Urusov petrishko का अधिक धन्यवाद ।