वास्तविक परियोजना में सिल्वरलाइट के लिए PivotViewer का उपयोग कैसे करें (भाग II)

यह पोस्ट एक वास्तविक परियोजना में सिल्वरलाइट के लिए PivotViewer का उपयोग कैसे करें लेख का अंत है।



अब हमारे आवेदन में पहले से ही एक पृष्ठ है जो डेटा (हमारे प्रोटोटाइप) का एक परीक्षण संग्रह प्रदर्शित कर सकता है। अगले चरण पर जाएं ...

स्टेप 4, सॉफ्टवेयर ज़ूम एमएल डीप जूम प्रारूप में डेटा और छवियों के साथ

हमें xml में डेटा के साथ एक .xxml फ़ाइल बनाने और तत्वों की छवि को डीप ज़ूम प्रारूप में बदलने की आवश्यकता है। सिद्धांत रूप में, मानक .NET कक्षाओं का उपयोग करके आसानी से xml बनाया जा सकता है, और डीप ज़ूम के साथ काम करने के लिए लाइब्रेरी डीप ज़ूमटूलसेडल ( डीप ज़ूम कम्पोज़र का हिस्सा) का उपयोग करें। लेकिन इससे भी अधिक सुविधाजनक तरीका है - पौथोर । इस परियोजना में दोनों .dll शामिल हैं, जिसे आपके कोड से बुलाया जा सकता है, और कमांड-लाइन उपयोगिताओं और आपको पिवट के लिए संग्रह बनाने की अनुमति देता है, साथ ही साथ अन्य स्वरूपों में इन संग्रहों के बीच रूपांतरण भी कर सकता है (CSV, Excel, CXML कच्ची छवियों के साथ, और डीएक्सज़ूम चित्रों के साथ सीएक्सएमएल) और इसके विपरीत।



पउथोर सुविधाजनक है कि यह आपको उच्च-स्तरीय वस्तुओं का उपयोग करके एक संग्रह बनाने की अनुमति देता है, जैसे कि PivotCollection, PivotFacetCategory, PivotItem, इत्यादि। Pauthor का उपयोग करने का एक उदाहरण हबटॉप में दिया गया है। हम हबट्रब उदाहरण का उपयोग करके 10 मिनट में साइट की सामग्री PivotViewer बनाते हैं , इसलिए हम इसमें निवास नहीं करेंगे।



एक उपयोगी बिंदु है जो हमारे दर्शक की प्रयोज्यता में सुधार कर सकता है। हम उपयोगकर्ता को यह समझने के लिए एक पंक्ति में सभी चित्रों को रोके जाने के लिए बाध्य नहीं करना चाहते हैं कि उन पर वास्तव में क्या (माल, होटल या व्यक्ति का मॉडल) तैयार किया गया है? इन नामों को सीधे चित्रों में रखना अच्छा होगा। लेकिन आमतौर पर हमारे पास बिना किसी हस्ताक्षर के केवल सामान या कुछ और की छवियां होती हैं। इसलिए, दीप ज़ूम संग्रह बनाते समय, पुतोहोर हमें एक HTML टेम्पलेट निर्दिष्ट करने की अनुमति देता है, जिसके आधार पर छवियां बनाई जाएंगी। शुद्ध html के अलावा, आप इन टेम्प्लेट में प्लेसहोल्डर्स का उपयोग कर सकते हैं, जिसे ऑब्जेक्ट के विवरण से संबंधित विशेषताओं के साथ बदल दिया जाएगा। यहाँ एक सरल टेम्पलेट का एक उदाहरण दिया गया है:

< html >

< head >

< style >

body {

margin: 0px;

}

img {

position: absolute;

top: 0; left: 0;

width: 100%; height: 100%;

}

p {

font-size: 100px;

color: white;

background: grey;

position: absolute;

bottom: 0;

left: 0;

width: 100%;

filter: alpha(opacity=50);

padding: 20px;

}

</ style >

</ head >

< body >

< img src ="{image}" />

< p > {name} </ p >

</ body >

</ html >



* This source code was highlighted with Source Code Highlighter .

पाथोर के साथ फ़ोल्डर में आप कई अन्य उदाहरण पा सकते हैं। और यहाँ क्या हो सकता है इसका एक उदाहरण है, एक साइट से लिया गया है जो आपको शादी के लिए जगह चुनने की अनुमति देगा:







इसलिए, पहली नज़र में, सब कुछ क्रम में है - हम प्रोग्रामेटिक रूप से अपनी ज़रूरत के डेटा के साथ एक संग्रह बना सकते हैं, और पिवोट व्यूअर बाकी काम करेंगे। लेकिन अधिक से अधिक सुविधा के लिए, यह कुछ विवरण जोड़ने के लिए चोट नहीं करता है। इसलिए ...

चरण 5, एक तत्व की एक वैकल्पिक, लेकिन छोटी और उपयोगी फ़ाइल सूई :)

जब उपयोगकर्ता चित्रों में से एक का चयन करता है, तो इसका विस्तृत विवरण संपत्ति पैनल (व्यूअर के दाईं ओर) में दिखाई देता है। विवरण के शीर्षक को एक लिंक के रूप में हाइलाइट किया गया है, लेकिन क्या होता है जब आप इस लिंक पर क्लिक करते हैं दर्शक पूरी तरह से हमारे विवेक पर।



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



उन्हें संसाधित करने के लिए, सिल्वरलाइट प्रोजेक्ट में .xaml पृष्ठ पर कोड की कुछ पंक्तियों को जोड़ें:

<pivot:PivotViewer

x:Name= "MainPivotViewer"

LinkClicked= "OnPivotViewerLinkClicked"

ItemDoubleClicked= "OnPivotViewerItemDoubleClicked"

/>



/// <summary>

/// Handle links clicked in the metadata pane.

/// </summary>

private void OnPivotViewerLinkClicked(Object sender, LinkEventArgs args)

{

OpenLink(args.Link.ToString());

}



/// <summary>

/// Handle double-clicks on collection items

/// </summary>

private void OnPivotViewerItemDoubleClicked(Object sender, ItemEventArgs args)

{

String linkUriString = MainPivotViewer.GetItem(args.ItemId).Href;

if (! String .IsNullOrWhiteSpace(linkUriString))

{

MainPivotViewer.CurrentItemId = args.ItemId;

OpenLink(linkUriString);

}

else

{

// Error: No Associated Web Page: the item that was double-clicked has no value for the 'Href' field

}

}



* This source code was highlighted with Source Code Highlighter .

हमारे मामले में, हम OpenLink सहायक विधि कहते हैं, जो किसी अन्य ब्राउज़र विंडो में ऑब्जेक्ट के विवरण के साथ एक पृष्ठ खोलता है। यह संभव है कि url के माध्यम से नेविगेट करने के बजाय, आप चयनित ऑब्जेक्ट्स को कार्ट में जोड़ना चाहेंगे या ऑब्जेक्ट्स के कुछ अन्य संग्रह को खोलना चाहेंगे। विवरण का आकार नहीं बढ़ाने के लिए, यहाँ OpenLink कोड नहीं दिया गया है। आप इसे देख सकते हैं, साथ ही Pivot (मेरे मामले में "C: \ Program Files (x86) \ Microsoft SDKs \ Silverlight \ v4.0 \ _ Pivoterer \ Jun10 \ Source" )।



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







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



हम सभी को किसी भी तरह मोड को बदलने के लिए पिवट व्यूअर के लिए एक बटन संलग्न करना है, उदाहरण के लिए:

< Grid x:Name ="LayoutRoot" Background ="White" >

< pivot:PivotViewer

x:Name ="MainPivotViewer"

LinkClicked ="OnPivotViewerLinkClicked"

ItemDoubleClicked ="OnPivotViewerItemDoubleClicked"

/>

< Image

x:Name ="btFullScreen"

Width ="32" Height ="32" MinWidth ="32" MaxWidth ="32" MinHeight ="32" MaxHeight ="32"

Margin ="0,0,12,12"

HorizontalAlignment ="Right" VerticalAlignment ="Bottom"

Source ="{ }"

/>

</ Grid >



* This source code was highlighted with Source Code Highlighter .

और इसमें एक हैंडलर जोड़ें:

private static readonly BitmapImage imageOff = new BitmapImage({ });

private static readonly BitmapImage imageOn = new BitmapImage({ });



btFullScreen.MouseLeftButtonDown +=

delegate (Object s, MouseButtonEventArgs args)

{

if (Application.Current.Host.Content.IsFullScreen)

{

Application.Current.Host.Content.IsFullScreen = false ;

btFullScreen.Source = imageOn;

}

else

{

Application.Current.Host.Content.IsFullScreen = true ;

btFullScreen.Source = imageOff;

}

};



* This source code was highlighted with Source Code Highlighter .

स्पष्टता के लिए, मैं मोड के आधार पर भांग पर चित्रों को बदलता हूं। यहाँ है कि यह मेरे मामले में कैसा दिखता है:







पाँच चरण बीत चुके हैं और हम अपने काम के परिणाम की प्रशंसा कर सकते हैं। लेकिन यह विवरण सामान्य "कैसे" से बहुत भिन्न नहीं होगा यदि मैंने विकास के दौरान उत्पन्न होने वाली समस्याओं को हल करने में अपना अनुभव साझा नहीं किया था। याद रखें, लेख की शुरुआत में मैंने लिखा था कि हम जंगल के माध्यम से थोड़ा भटक सकते हैं? यह सही है, और दोष पिवट नियंत्रण में त्रुटि से निपटने के साथ है।



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



लेकिन क्या मुझे समय डिबगिंग खर्च करने में त्रुटि संदेश थे। अब मैं आपको इसके बारे में और बताऊंगा, और आपको दो उपयोगी नियम याद होंगे:

1. यदि पिवट ने कुछ प्रदर्शित करना बंद कर दिया है, तो शायद आपने डेटा के साथ खिलवाड़ किया है। उसे एक सरल परीक्षण संग्रह पर्ची। कमाया है? फिर, अर्ध-विभाजन विधि का उपयोग करते हुए, अपने मूल डेटा से xml के टुकड़ों को तब तक त्यागें, जब तक कि आप उस क्षेत्र को मान \ _ विशेषता तक सीमित न कर दें, जो कि हर चीज के लिए दोषी है।
   
   
   
   
2. यदि आप किसी प्रकार का त्रुटि संदेश प्राप्त करने में कामयाब रहे (यह हमेशा मामले से बहुत दूर है) - इसे शाब्दिक रूप से न लें। कभी-कभी संदेश के पाठ का त्रुटि के वास्तविक कारण से कोई लेना-देना नहीं होता है।

अब आइए त्रुटियों को अधिक विस्तार से देखें। वैसे, यह मत भूलो कि जब तक आप इस लेख को पढ़ते हैं, तब तक कुछ पहले से ही तय किया जा सकता है, और कुछ नया जोड़ा जा सकता है :)

• आपको संदेश "आइटम पहले से ही किसी अन्य आइटम का एक बच्चा है" (या अंग्रेजी में इसके समकक्ष) प्राप्त हुआ है।
  
  
  
  अपने xml की संरचना की जाँच की - क्या सब कुछ ठीक है? फिर अपने ऑपरेटिंग सिस्टम के संस्करण को देखें। विंडोज 7 के 32-बिट संस्करण के साथ लॉस हमारे रैंक को छोड़ देते हैं।
  
  PivotViewer में संग्रह लोड करने का प्रयास करते समय यह त्रुटि होती है। आप मंचों के चारों ओर जा सकते हैं और वे इस त्रुटि के विभिन्न कारणों की पेशकश करेंगे। लेकिन यह अत्यधिक संभावना है कि इसका कारण ओएस संस्करण है। Microsoft के मूल उदाहरण भी इस पर काम नहीं करते हैं, और वे और आपके कोड दोनों विंडोज 7 के 64-बिट संस्करण और अन्य ऑपरेटिंग सिस्टम पर ठीक काम करेंगे।
  
  
  
  
• आपको अभी भी संदेश मिलता है "आइटम पहले से ही किसी अन्य आइटम का बच्चा है", हालांकि पहला पैराग्राफ स्पष्ट रूप से आपके लिए लागू नहीं होता है।
  
  
  
  संभावित कारण xml टैग के विशेषता मानों में कुछ त्रुटियां हैं। मेरे मामले में, कारण यह था कि मैंने गलती से पी में संकेत दिया था: संग्रह टैग का आइकन विशेषता छवि के लिए यूआरएल नहीं है, लेकिन मेरे कंप्यूटर पर छवि के लिए भौतिक पथ।
  
  
  
  
• आपको अजीब संदेश "स्ट्रिंग पहलू के लिए अमान्य प्रकार: स्ट्रिंग" प्राप्त हुआ है।
  
  
  
  कारण यह है कि आप स्ट्रिंग के प्रकार (FacetCategory) प्रकार स्ट्रिंग के मान के रूप में खाली स्ट्रिंग निर्दिष्ट नहीं कर सकते। इस मामले में, बस मूल्य को बिल्कुल न जोड़ें।
  
  
  
  
• एक बिंदु पर, डेटा ने किसी भी त्रुटि संदेश के बिना प्रदान करना बंद कर दिया।
  
  
  
  संभावित कारण यह है कि आप विभाजक का उपयोग "," के बजाय टाइप नंबर की श्रेणियों के लिए करते हैं। संभवतः, मुझे यह समझ में नहीं आया कि आप पिवोट व्यूअर को वांछित संस्कृति की जानकारी कैसे बता सकते हैं। कम से कम भाषा की संपत्ति को बदलने और स्पष्ट रूप से वेब में संस्कृति को निर्दिष्ट करने में ।config ने मदद नहीं की, व्यूअर ने हठपूर्वक माना कि केवल एक डॉट एक वैध विभाजक हो सकता है।
  
  मेरे मामले में, मैं सिर्फ समस्या से दूर हो गया। मैंने "गेम साइज (एमबी में)" श्रेणी के लिए नंबर का उपयोग किया और मुझे लगा कि इसे पूर्णांक तक गोल करना केवल फिल्टर को सरल करेगा। अगर कोई यह पता लगाएगा कि इस समस्या को कैसे हल किया जाए - लिखें, मैं विवरण को सही करूंगा।
  
  
  
  
• आपको एक पेचीदा संदेश मिला, "सिल्वरलाइट एप्लीकेशन में अनहेल्ड एरर। वैल्यू अपरिभाषित नहीं हो सकती। पैरामीटर नाम: displayText। "
  
  
  
  एक संभावित कारण प्रकार की संख्या वाली श्रेणी के लिए "0" मान है। हां, यह आपके लिए काफी महत्वपूर्ण मूल्य हो सकता है, लेकिन व्यूअर में एक त्रुटि (या कुछ तर्क जिसके बारे में मैं अनुमान नहीं लगा सकता था) के कारण, संख्याओं के लिए शून्य मानों का उपयोग स्ट्रिंग श्रेणियों के लिए खाली लाइनों की तरह नहीं किया जा सकता है। इसलिए, बस ऑब्जेक्ट के लिए इस श्रेणी के मूल्य को इंगित न करें।

और अंत में, एक और टिप। ब्राउज़रों आक्रामक डेटा संग्रह कैश। Ctrl + F5 आपकी मदद नहीं करेगा (चूंकि डेटा की मात्रा कई मेगाबाइट हो सकती है - आप केवल एक वास्तविक एप्लिकेशन में इसमें आनन्दित हो सकते हैं)। लेकिन यदि आप फ़िल्टर के इष्टतम सेट को खोजने के लिए xml के साथ खेल रहे हैं - IE या FF ब्राउज़रों के टूलबार पर "स्पष्ट इतिहास" बटन प्रदर्शित करें - यह आपको बहुत समय बचाएगा। लेकिन ओपेरा अपने Ctrl + R पर सभी डेटा को पूरी तरह से साफ करता है।



आमतौर पर, लेख के अंत में आपको संक्षेप में बताने की आवश्यकता होती है। खैर ... मामूली खामियों से खराब होने के लिए यह आइटम बहुत अच्छा है - इसलिए यह बहुत अच्छा था! मुझे बहुत दिलचस्पी है कि क्या वह वास्तव में हमारी खोज को सरल बना सकता है, इसलिए - हम अपनी साइटों पर नए कार्यान्वयन की प्रतीक्षा कर रहे हैं :)



सौभाग्य और प्रोग्रामिंग का आनंद लें!