AvaloniaUI: MessageBox के उदाहरण पर सुविधाएँ

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

चलो सुविधाओं और चिप्स हिमस्खलन के बारे में बात करते हैं

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

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

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

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

एवलोनिया प्रतिक्रियाशील एक्सटेंशन का उपयोग करके भी बनाया गया है, जो आपको 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 छवियों को डाउनलोड करना और उन्हें mskam का उपयोग करके ms xaml में परिवर्तित करना, उन्हें तुरंत उपयोग नहीं किया जा सकता है।

कस्टम आंकड़ा

 <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")}); 

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

TextBox के पास वॉटरमार्क प्रॉपर्टी है। यह आपको तृतीय-पक्ष पैकेजों की खोज नहीं करने और टेक्स्टबॉक्स के शीर्ष पर टेक्स्टब्लॉक को ब्लॉक करने की अनुमति नहीं देता है, जिसे wpf के लिए कई ट्यूटोरियल में पढ़ा जा सकता है।

 <TextBox Watermark="Street address" /> 

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

निष्कर्ष में

मैं इस दिलचस्प रूपरेखा को आजमाने के लिए सभी को सुझाव देता हूं। Artyom Gorchakov और Nikita Tsukanov के उपयोगकर्ताओं के लिए धन्यवाद।

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