Xamarin.Forms - SkiaSharp के साथ सजावटी QRCode मैपिंग

बारकोड के आउटपुट / रीडिंग के लिए एक लोकप्रिय ZXing लाइब्रेरी है। यह कई अलग-अलग स्वरूपों को आउटपुट और पढ़ सकता है: क्यूआरकोड, एज़्टेक और अन्य, 2 दर्जन से अधिक। कोड पढ़ने के लिए, यह एक तैयार नियंत्रण ZXingScannerView है। इस कार्यक्षमता को अपने एप्लिकेशन में जोड़ने के लिए न्यूनतम कोड की आवश्यकता होती है।

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

और रचनात्मकता की वास्तविक स्वतंत्रता तभी खुलती है जब आप खुद को कोड बनाते हैं - फिर सब कुछ पूरी तरह से आपके हाथों में है। यह वह है जो हम एक क्यूआर कोड के उदाहरण के साथ करेंगे।

समाप्त आवेदन यहाँ है ।

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

कार्यान्वयन के लिए स्पष्टीकरण

एक खाली Xamarin.Forms आवेदन बनाने के द्वारा शुरू करते हैं। "मोबाइल ऐप (Xamarin.Forms)" जैसे विज़ुअल स्टूडियो में एक नया प्रोजेक्ट बनाएं, फिर "ब्लैंक" टेम्पलेट चुनें। "प्लेटफ़ॉर्म" अनुभाग में, किसी भी का चयन करें, SkiaSharp कई प्लेटफार्मों पर काम करता है, जिसमें एंड्रॉइड और आईओएस शामिल हैं।

.Android और .iOS प्रोजेक्ट्स को अपरिवर्तित छोड़ दिया गया है, हमारे पास एक क्रॉस-प्लेटफॉर्म कार्यान्वयन है।

एक क्रॉस-प्लेटफॉर्म प्रोजेक्ट में:
दो पृष्ठभूमि चित्र जोड़े गए थे - एक पूरे पृष्ठ के लिए, और दूसरा QR कोड के लिए। कृपया ध्यान दें कि उनके पास एक "एक्शन बिल्ड" "एंबेडेड संसाधन" है।
आउटपुट MainPage.xaml और MainPage.xaml.cs फाइलों में है
Xaml में संसाधनों से छवियों का उपयोग करने के लिए ImageResourceExtension वर्ग।

सभी तर्क QRCodeEncoder प्रोजेक्ट में है। यह वर्गों के बीच विभाजित है:

• एनकोडर - एक डेटा स्ट्रिंग को लोगों और शून्य के अनुक्रम में एनकोड करें
• रेंडरर - परिणामी डेटा सरणी को सही ढंग से रखें, ओवरहेड जानकारी जोड़ें और स्ट्रीम फ़ाइल को स्ट्रीम पर वापस लौटाएं

QR कोड जेनरेशन एल्गोरिदम में संख्याओं के साथ कई संदर्भ पुस्तकें हैं। वे सब क्या मतलब है, लेख "क्यूआर कोड पीढ़ी एल्गोरिथ्म" (ऊपर देखें) देखें।

कांजी एन्कोडिंग (पात्रों के लिए) आवेदन में लागू नहीं है।

SkiaSharp

SkiaSharp .NET के लिए एक क्रॉस-प्लेटफॉर्म 2D ड्राइंग लाइब्रेरी है। यह Google की Skia Graphics लाइब्रेरी पर आधारित है। NuGet पैकेज के रूप में उपलब्ध:

nuget install SkiaSharp 

Microsoft दस्तावेज़ीकरण: ज़ामरीन में SkiaSharp.orms

सभी ड्राइंग रेंडरर वर्ग के ड्रा विधि में होते हैं। उदाहरण के लिए, कुछ तत्व गोल हैं, कुछ वर्ग हैं:

 canvas.DrawCircle() canvas.DrawRect() 

कुछ पर प्रकाश डाला गया है:

 var paint1 = new SKPaint { IsAntialias = true, Style = SKPaintStyle.Fill, Color = SKColors.DeepSkyBlue }; var paint2 = new SKPaint { IsAntialias = true, Style = SKPaintStyle.Fill, Color = SKColors.Red }; var paint3 = new SKPaint { IsAntialias = true, Style = SKPaintStyle.Fill, Color = SKColors.Gold }; 

और दिखाता है कि आसन्न तत्वों के बीच संक्रमण को कैसे सुचारू किया जाए।

उदाहरण

और अंत में, इंटरनेट से कुछ दिलचस्प क्यूआर कोड के उदाहरण: