📀 🤵 🎾 विंडोज फोन पर फोटो हब के साथ एकीकरण 🔘 🌌 🤵🏽

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

नीचे मैं क्रमिक उदाहरणों के साथ दिखाऊंगा कि डेवलपर को यह अवसर क्या देता है, इसके साथ कैसे काम करना है, और साथ ही मैं इस मंच के एक छोटे बग के बारे में जानकारी साझा करूंगा।

यह लेख उन लोगों के लिए लिखा गया है, जिन्होंने अभी WP मंच सीखना शुरू किया है, इसलिए ऐसे कई विवरण होंगे जिनके बारे में मुझसे अक्सर पूछा जाता है। एक संकुचित रूप में सभी आवश्यक जानकारी एमएसडीएन लेख में पाई जा सकती है, और यह पोस्ट शुरुआती के लिए एक अधिक विस्तृत, चरण-दर-चरण निर्देश है।

1. "रिसीवर" आवेदन का पंजीकरण

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

<Extension ExtensionName="Photos_Extra_Hub" ConsumerID="{5B04B775-356B-4AA0-AAF8-6491FFEA5632}" TaskID="_default" />

प्रदर्शित करने के लिए, हम एक एप्लिकेशन बनाएंगे (मेरे मामले में यह डब्ल्यूएचशेयरडेमो होगा) और xml संपादक के माध्यम से WMAppManifest.xml फ़ाइल खोलें। ऐसा करने के लिए, मेनू संदर्भ में XML (पाठ) संपादक आइटम का चयन करें:

आगे, आपको थोड़ी चाल की जरूरत है। सबसे पहले, आपको परिनियोजन \ अनुप्रयोग टैग के अंदर एक्सटेंशन को पंजीकृत करने की आवश्यकता है, और चूंकि टैग के अनुक्रम को सख्ती से प्रकट में निर्धारित किया गया है, इसलिए आपको इस एक्सटेंशन को <टोकन /> टैग के बाद ही जोड़ना चाहिए।
यह एक्सटेंशन, किसी भी अन्य की तरह, टैग के अंदर लिखा होना चाहिए।

 <Extensions> <Extension ExtensionName="Photos_Extra_Share" ConsumerID="{5B04B775-356B-4AA0-AAF8-6491FFEA5632}" TaskID="_default" /> </Extensions>

इसके अलावा, हमारे पास WP7 और WP8 के बीच थोड़ा अंतर है।
क्षमताओं अनुभाग में, आपको WP7 के लिए निम्नलिखित टैग लिखना होगा:

/>

और WP8 के लिए:

/>

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

स्पॉइलर

 <?xml version="1.0" encoding="utf-8"?> <Deployment xmlns="http://schemas.microsoft.com/windowsphone/2012/deployment" AppPlatformVersion="8.0"> <DefaultLanguage xmlns="" code="en-US" /> <App xmlns="" ProductID="{dcef4a48-7464-43cf-a4f7-157debfe6447}" Title="WPShareDemo" RuntimeType="Silverlight" Version="1.0.0.0" Genre="apps.normal" Author="WPShareDemo author" Description="Sample description" Publisher="WPShareDemo" PublisherID="{7f1b10ab-ad1e-4d51-9c30-5b893453ace7}"> <IconPath IsRelative="true" IsResource="false">Assets\ApplicationIcon.png</IconPath> <Capabilities> <Capability Name="ID_CAP_NETWORKING" /> <Capability Name="ID_CAP_MEDIALIB_AUDIO" /> <Capability Name="ID_CAP_MEDIALIB_PLAYBACK" /> <Capability Name="ID_CAP_SENSORS" /> <Capability Name="ID_CAP_WEBBROWSERCOMPONENT" /> <Capability Name="ID_CAP_MEDIALIB_PHOTO" /> </Capabilities> <Tasks> <DefaultTask Name="_default" NavigationPage="MainPage.xaml" /> </Tasks> <Tokens> <PrimaryToken TokenID="WPShareDemoToken" TaskName="_default"> <TemplateFlip> <SmallImageURI IsRelative="true" IsResource="false">Assets\Tiles\FlipCycleTileSmall.png</SmallImageURI> <Count>0</Count> <BackgroundImageURI IsRelative="true" IsResource="false">Assets\Tiles\FlipCycleTileMedium.png</BackgroundImageURI> <Title>WPShareDemo</Title> <BackContent> </BackContent> <BackBackgroundImageURI> </BackBackgroundImageURI> <BackTitle> </BackTitle> <DeviceLockImageURI> </DeviceLockImageURI> <HasLarge> </HasLarge> </TemplateFlip> </PrimaryToken> </Tokens> <Extensions> <Extension ExtensionName="Photos_Extra_Share" ConsumerID="{5B04B775-356B-4AA0-AAF8-6491FFEA5632}" TaskID="_default" /> </Extensions> <ScreenResolutions> <ScreenResolution Name="ID_RESOLUTION_WVGA" /> <ScreenResolution Name="ID_RESOLUTION_WXGA" /> <ScreenResolution Name="ID_RESOLUTION_HD720P" /> </ScreenResolutions> </App> </Deployment>

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

स्पॉइलर

2. तस्वीरें प्राप्त करें

अब हमारा आवेदन सामान्य रूप से, प्रारंभ पृष्ठ में प्रकट में (डिफ़ॉल्ट रूप से, MainPage.xaml) से शुरू होगा, लेकिन फॉर्म के अतिरिक्त मापदंडों के साथ:

/MainPage.xaml?Action=ShareContent&FileId=%7B5870C5AE-FF18-4ABC-996F-D6CE3F773F56%7D

यदि आप चाहें, तो आप सीधे मुख्य पृष्ठ पर फोटो संसाधित कर सकते हैं, लेकिन सबसे अधिक संभावना है कि यह मुख्य पृष्ठ में अतिरिक्त तर्क को एकीकृत करने के लिए असुविधाजनक होगा। अक्सर अपने अलग तर्क के साथ एक अलग पृष्ठ पर फ़ोटो संसाधित करना आसान होता है। इस विचार को कार्यान्वित करने के लिए, हम अन्य पृष्ठों (URI मैपर) पर पुनर्निर्देशन का अवसर लेंगे।

ऐसा करने के लिए, प्रोजेक्ट में एक नया PhotoShare.xaml पृष्ठ जोड़ें, जो साझा किए गए फोटो के साथ एप्लिकेशन के लॉन्च को "स्वीकार" करेगा। इसके बाद, CustomUriMapper नामक एक वर्ग जोड़ें और इसके लिए निम्न कोड लिखें:

 using System; using System.Windows.Navigation; namespace WPShareDemo { class CustomUriMapper : UriMapperBase { public override Uri MapUri(Uri uri) { string tempUri = uri.ToString(); string mappedUri; // Launch from the photo share picker. // Incoming URI example: /MainPage.xaml?Action=ShareContent&FileId=%7BA3D54E2D-7977-4E2B-B92D-3EB126E5D168%7D if ((tempUri.Contains("ShareContent")) && (tempUri.Contains("FileId"))) { // Redirect to PhotoShare.xaml. mappedUri = tempUri.Replace("MainPage", "PhotoShare"); return new Uri(mappedUri, UriKind.Relative); } // Otherwise perform normal launch. return uri; } } }

यह समझना आसान है कि अगर उरी में ShareContent और FileId कीवर्ड शामिल हैं, तो मेनपेज को एड्रेस बार में PhotoShare के साथ बदल दिया जाएगा। मैपर को पंजीकृत करने के लिए, आपको ऐप में निम्नलिखित पंक्ति लिखने की आवश्यकता है।

RootFrame.UriMapper = new CustomUriMapper();

InitializePhoneApplication विधि के लिए पूरा कोड:

स्पॉइलर

 private void InitializePhoneApplication() { if (phoneApplicationInitialized) return; // Create the frame but don't set it as RootVisual yet; this allows the splash // screen to remain active until the application is ready to render. RootFrame = new PhoneApplicationFrame(); RootFrame.Navigated += CompleteInitializePhoneApplication; // Handle navigation failures RootFrame.NavigationFailed += RootFrame_NavigationFailed; // Handle reset requests for clearing the backstack RootFrame.Navigated += CheckForResetNavigation; RootFrame.UriMapper = new CustomUriMapper(); // Ensure we don't initialize again phoneApplicationInitialized = true; }

3. फोटो पढ़ना
हमने यह तय करने के बाद कि हम किस पृष्ठ पर फोटो लेंगे (हमारे मामले में PhotoShare.xaml), हम पहले से ही हमारे कोड में प्राप्त छवि को पढ़ सकते हैं। इस मामले में, हम केवल फोटो प्रदर्शित करते हैं।

ऐसा करने के लिए, XAML में हमारे पृष्ठ पर एक छवि तत्व जोड़ें:

<Image x:Name="ShareImage">

और पेज कोड में, OnNavigateTo विधि जोड़ें:

 protected override void OnNavigatedTo(NavigationEventArgs e) { if (NavigationContext.QueryString.ContainsKey("FileId")) { var library = new MediaLibrary(); var photoFromLibrary = library.GetPictureFromToken(NavigationContext.QueryString["FileId"]); var bitmapFromPhoto = new BitmapImage(); bitmapFromPhoto.SetSource(photoFromLibrary.GetPreviewImage()); ShareImage.Source = bitmapFromPhoto; } }

कोड के इस भाग में, मुख्य विधियाँ हैं:

library.GetPictureFromToken
और
photoFromLibrary.GetPreviewImage ()

GetPreviewImage () विधि विंडोज फोन स्क्रीन पर फुल-स्क्रीन डिस्प्ले के लिए अनुकूलित एक तस्वीर देता है। यदि हम चित्र को उसके मूल आकार में प्राप्त करना चाहते हैं, तो हमें GetImage () विधि का उपयोग करना चाहिए:

 protected override void OnNavigatedTo(NavigationEventArgs e) { if (NavigationContext.QueryString.ContainsKey("FileId")) { var library = new MediaLibrary(); var photoFromLibrary = library.GetPictureFromToken(NavigationContext.QueryString["FileId"]); var bitmapFromPhoto = new BitmapImage(); bitmapFromPhoto.SetSource(photoFromLibrary.GetImage()); ShareImage.Source = bitmapFromPhoto; } }

हालांकि, इस मामले में, याद रखें कि खपत की गई मेमोरी की मात्रा में काफी वृद्धि हो सकती है, और यदि आपने पहले अपने एप्लिकेशन के साथ मेमोरी को सबसे अधिक "खा" लिया है, तो बड़ी छवि साझा करने पर आपका एप्लिकेशन बस क्रैश हो सकता है।
अंततः, अगर सब कुछ सही ढंग से किया गया था, तो, हमारे आवेदन में कुछ फोटो "साझा" करने के बाद, हमें कुछ इस तरह से देखना चाहिए:

4. प्लेटफार्म बग

जैसा कि मैंने पहले ही कहा, फ़ोटो साझा करने की क्षमता विंडोज फोन 7 में दिखाई दी। और WP8 में फास्ट ऐप फिर से शुरू के रूप में ऐसी अद्भुत विशेषता थी।

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

दुर्भाग्य से, फिलहाल मेरे पास इस समस्या का हल नहीं है। इस बाधा को प्राप्त करने का एकमात्र तरीका जो मुझे मिला वह है तेज ऐप रेज़्यूमे को त्यागना यदि आपको एप्लिकेशन में फ़ोटो भेजने की क्षमता का उपयोग करना है।

अपडेट किया गया
यदि उपयोगकर्ता के फोन को नवीनतम प्लेटफ़ॉर्म अपडेट (अर्थात्, WP8 अपडेट 3) प्राप्त हुआ है, तो उपयोगकर्ता के पास यह बग नहीं होगा।

विंडोज फोन पर फोटो हब के साथ एकीकरण

More articles: