AvaloniaUI कस्टम मैसेजबॉक्स का उपयोग कर सुविधाएँ प्रदान करता है

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

चलो सुविधाओं के बारे में बात करते हैं

जाहिर है, अगर तुलना होती है, तो इसकी तुलना डब्ल्यूपीएफ से की जाएगी।

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

<Button Command = "{Binding RunTheThing}" CommandParameter = "Hello World"> Do the thing! </ Button> 

  public void RunTheThing (string parameter) { // Code for executing the command here. } 

Avaloniya को प्रतिक्रियाशील एक्सटेंशन का उपयोग करके भी बनाया गया है, जो LINQ घोषणात्मक क्वेरी सिंटैक्स का उपयोग करके प्रथम श्रेणी की वस्तुओं के साथ फ्रेमवर्क घटनाओं के साथ काम करने की अनुमति देता है - आपको एक संक्षिप्त और पठनीय कोड लिखने की अनुमति देता है।

लेकिन थोड़ी गहराई में जाने पर, सब कुछ इतना स्पष्ट और स्पष्ट नहीं हो जाता है, और प्रलेखन अभी तक ध्यान में नहीं लाया गया है (लेकिन आप मदद कर सकते हैं)।

प्रतिमा से बांधना

अपनी परियोजना को अपडेट करते समय मुझे लगभग जो समस्या थी, वह थी कि मैं अपनी खिड़की पर चित्र कैसे प्रदर्शित करूं।

पहले आपको एवलोनिया के संसाधन के रूप में छवियों के साथ एक निर्देशिका को पंजीकृत करने की आवश्यकता है क्योंकि यह महत्वपूर्ण है कि आइकन किसी भी उपयोगकर्ता में प्रदर्शित किए जाते हैं और आसानी से पूरे कोड के साथ पैक किए जाते हैं।

  <ItemGroup> ... <AvaloniaResource Include = "Assets \ *" /> </ ItemGroup> 

अब आप आसानी से चयनित छवि को छवि टैग में सेट कर सकते हैं।

  <Image Source = "/ Assets / error.ico" /> 

लेकिन जब वीएम स्रोत का उपयोग किया जाता है, तो छवियों को केवल स्ट्रिंग करने के लिए पाइप नहीं किया जा सकता है, लेकिन आपको बिटमैप का उपयोग करना होगा।

  <Image Source = "{Binding ImagePath}" /> 

  public Bitmap ImagePath {get; private set; } 

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

  ImagePath = new Bitmap (AvaloniaLocator.Current.GetService <IAssetLoader> () .Open (new Uri ($ "avares: // ASSEMBLYNAME / relative / project / path / {ImageName} .ico"))); 

यह ध्यान दिया जाना चाहिए कि उरी का संकलन करते समय एम्बेडेड संसाधनों के लिए, उपसर्ग resm: // का उपयोग किया जाता है, और एवलोनिया के लिए - avares: // ।

ड्राइंग

एवलोनिया और wpf में आंकड़े समान हैं, लेकिन सार्वजनिक गुण भिन्न हैं। इसलिए, svg छवियों को डाउनलोड करने और उन्हें ms xaml में inskape का उपयोग करके परिवर्तित करने के बाद, उन्हें तुरंत एक्सेस नहीं किया जा सका।

मनमाना आकार

  <PathGeometry Figures = "M30 53 C15.641 53 4 41.359 4 27S15.641 1 30 1s26 11.641 26 26c0 7.135-2.874 13.599-7.528 18.297" FillRule = "NonZero" /> 

में बदल जाता है

  <GeometryDrawing Brush = "# FF50C8EF" Geometry = "M30 53 C15.641 53 4 41.359 4 27S15.641 1 30 1s26 11.641 26 26c0 7.135-2.874 13.599-7.528 18.297" /> 

एक पंक्ति

  <Line X1 = "25" Y1 = "37" X2 = "25" Y2 = "39" StrokeThickness = "2" Stroke = "# FFFFFFFF" StrokeMiterLimit = "10" StrokeStartLineCap = "Round" StrokeEndLineCap = "Round" /> 

में बदल जाता है

  <Line StartPoint = "25.37" EndPoint = "25,39" StrokeThickness = "2" Stroke = "# FFFFFFFF" StrokeStartLineCap = "Round" StrokeEndLineCap = "Round" /> 

शैलियाँ

शैलियों को स्वयं प्रलेखन में पर्याप्त रूप से वर्णित किया गया है ।

यह ध्यान देने योग्य है कि ये सीएसएस के एक छोटे से मिश्रण के साथ परिचित शैली हैं।

मैं यह दिखाना चाहता था कि स्टाइल को एक अलग फाइल से कैसे लागू किया जाए।

सबसे पहले, सभी xaml फ़ाइलों को हिमस्खलन संसाधन होना चाहिए।

  <ItemGroup> <AvaloniaResource Include = "** \ *. Xaml"> <SubType> Designer </ SubType> </ AvaloniaResource> ..... </ ItemGroup> 

दूसरे, शैलियों को उसी तरह से लागू किया जाता है जैसे कि यूरी और लोकेटर का उपयोग करके छवि संसाधन।

  YourControl.Styles.Add (new StyleInclude (new Uri ("avares: //ASSEMBLYNAME/relative/project/path.xaml")) {Source = new Uri ("avares: // ASSEMBLYNAME / relative / project / path.xaml ")}); 

अच्छी छोटी चीजें।

टेक्स्टबॉक्स में वॉटरमार्क प्रॉपर्टी है

यह तीसरे पक्ष के पैकेजों की तलाश नहीं करने देता है और टेक्स्टबॉक्स के शीर्ष पर टेक्स्टब्लॉक को बाड़ नहीं देता है, जिसे wpf के लिए कई ट्यूटोरियल में पढ़ा जा सकता है।

  <TextBox Watermark = "Street address" /> 

साथ ही, सभी डिफ़ॉल्ट बाइंडिंग संबंधित संपत्ति के अद्यतन को ट्रिगर करने के लिए PropertyChanged का उपयोग करता है।

निष्कर्ष में

मैं इस दिलचस्प ढांचे को आजमाने के लिए सभी को सुझाव देता हूं।

उपयोगकर्ताओं को धन्यवाद Artyom Gorchakov और निकिता त्सुकानोव ।

और मैं आपको याद दिलाता हूं कि हिमस्खलन में जिटर में एक आरामदायक और अद्भुत समर्थन है।