Xamarin के साथ आगे बढ़ें

हम पिछले साल एक ग्राहक के साथ बोल रहे थे जो हर साल दर्जनों मोबाइल एप्लिकेशन बनाता है। उन्होंने कहा, "हम पिछली बार याद नहीं कर सकते कि हमने एक मोबाइल ऐप बनाया था जिसमें एक हिंडोला दृश्य शामिल नहीं था।" आपमें से कई लोगों ने हमारे लिए लगभग समान भावनाओं को व्यक्त किया है। तो, हम Xamarin.Forms 4.4.0 में एक नया CarouselView नियंत्रण शुरू करने के लिए बहुत खुश हैं। इसके साथ ही हमारे पास हिंडोला में पृष्ठ या आइटम प्रदर्शित करने के लिए IndicatorView भी हैं। साथ ही साथ किसी CollectionView में किसी भी तत्व को प्रासंगिक क्रियाएं प्रदान करने के लिए SwipeView । चीजों को स्थानांतरित करने की रिलीज़ थीम छवियों के लिए नए GIF एनीमेशन समर्थन को प्रदर्शित किए बिना पूरी नहीं होगी। चलो वहीं से शुरू करते हैं।

Xamarin.Forms 4.4 सुविधाएँ

जीआईएफ एनिमेशन बेहतर एक्शन फीडबैक के लिए अपने ऐप में एनीमेशन जोड़ने का एक शानदार और सरल तरीका है, कुछ एक्शन या डिटेल पर ध्यान देना। यह बिल्ली GIF के लिए भी बहुत अच्छा है, ज़ाहिर है। Image को सक्षम करने और प्लेबैक को अक्षम करने के लिए नई IsAnimationPlaying संपत्ति के साथ आपको सभी की आवश्यकता है।
एनिमेशन डिफ़ॉल्ट रूप से लूप करेंगे। एक एनीमेशन को रोकने के लिए, IsAnimationPlaying को गलत पर सेट करें।



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

CarouselView और IndicatorView

CollectionView व्यू के समान बेस कंट्रोल पर निर्मित, नया CarouselView आपके ऐप में समृद्ध हिंडोला जोड़ने के लिए सरल बनाता है, भले ही आप क्षैतिज या लंबवत स्क्रॉल कर रहे हों। जैसे आपको CollectionView साथ मिलता है:

• ItemsLayout
• ItemsSource
• ItemTemplate
• EmptyTemplate

 <CarouselView HeightRequest="160">    <CarouselView.ItemsSource>        <x:Array Type="{x:Type x:String}">            <x:String>h01.jpg</x:String>            <x:String>h02.jpg</x:String>            <x:String>h03.jpg</x:String>            <x:String>h04.jpg</x:String>        </x:Array>    </CarouselView.ItemsSource>    <CarouselView.ItemTemplate>        <DataTemplate>            <Image Source="{Binding .}"/>        </DataTemplate>    </CarouselView.ItemTemplate> </CarouselView> 

आपको चीजों को नियंत्रित करने के लिए कुछ हिंडोला विशिष्ट गुण भी मिलते हैं जैसे कि पिछली और अगली वस्तुओं को देखने में "झांकना" चाहिए।

 <CarouselView PeekAreaInsets="50"              ...> 

उन्नत युक्ति: ऊपर दिए गए उदाहरण में, आप यह भी ध्यान देंगे कि पिछली और अगली वस्तुएँ स्केल और ऑफ़सेट हैं। आप इसे आज एक व्यवहार और स्क्रॉल पर लेआउट संशोधनों के साथ प्राप्त कर सकते हैं। जब हम 4.5 जहाज करते हैं तो आप इसके बजाय दृश्य राज्यों का उपयोग अधिक आसानी से करने में सक्षम होंगे।

एक IndicatorView जोड़ने के लिए आप इसे जहाँ चाहें वहाँ रख सकते हैं और फिर इसे नाम से CarouselView जोड़ सकते हैं:

 <CarouselView x:Name="walletCarousel"> // implementation here </CarouselView> <IndicatorView  IndicatorColor="LightGray"  SelectedIndicatorColor="Black"  IndicatorSize="10" HorizontalOptions="Center"  IndicatorView.ItemsSourceBy="walletCarousel"/> 

सभी शक्तिशाली चीजों के बारे में अधिक जानकारी के लिए आप CarouselView और IndicatorView साथ कर सकते हैं, दस्तावेज़ीकरण देखें।

नोट: पहले जारी किया गया NuGet Xamarin.Forms.CarouselView (पूर्वावलोकन) संग्रहीत किया जाएगा और अब जारी नहीं किया जाएगा। यदि आप इस नियंत्रण का उपयोग कर रहे थे, तो आप NuGet को हटा सकते हैं और अपना कोड नाम स्थान अपडेट कर सकते हैं। हमने एपीआई को सुसंगत रखने के लिए काम किया, लेकिन आपको कुछ चीजों को समायोजित करने की आवश्यकता हो सकती है। GitHub

SwipeView

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

 <SwipeView>        <SwipeView.RightItems>                <SwipeItems Mode="Execute">                        <SwipeItem Text="Favourite" Command="{Binding Favourite}">                                <SwipeItem.Icon>                                        <FontIconSource Glyph=""/>                                </SwipeItem.Icon>                        </SwipeItem>                </SwipeItems>        </SwipeView.LeftItems>        <!-- Swipeable content -->        <Frame>          // content here        </Frame> </SwipeView> 

उपरोक्त नमूना और अधिक हमारे प्रतिभाशाली टीम के सदस्य जेवियर सुआरेज़ रुइज़ द्वारा ब्लॉग किए गए थे ।

आप Android और iOS पर स्वाइप ट्रांज़िशन मोड को नियंत्रित करने के लिए प्लेटफ़ॉर्म-स्पेसिक्स का भी उपयोग कर सकते हैं। SwipeView बारे में अधिक जानकारी के लिए, प्रलेखन देखें।

योगदानकर्ता

Hacktoberfest के लिए बड़े पैमाने पर मतदान से पहले ही हमने पाइपलाइन में बहुत शानदार योगदान दिया था जो अब Xamarin.Forms 4.4.0 में दिखाई दे रहे हैं। अपने साथी डेवलपर्स में से 34 से इन महान सुधारों की जाँच करें । मुख्य विशेषताएं शामिल हैं:

• FontImageSource - @ tuyen-vuduc नाम वाले आकारों का उपयोग करें
• स्केलिंग एनीमेशन विधियाँ ScaleXTo और ScaleYTo - @ sthewissen
• पत्र-स्थान - @ केसमेनको
• प्लेसहोल्डर पाठ संरेखण - @ krdmllr

Xamarin.Forms 4.4 आज के साथ आरंभ करें

Xamarin.Forms 4.4 के साथ शुरुआत करने के लिए, अपने पसंदीदा NuGet पैकेज मैनेजर से अपडेट या इंस्टॉल करें। 4.3.0 से संक्रमण सुचारू है। यदि आप पिछले संस्करण से अपडेट कर रहे हैं, तो ध्यान दें कि Xamarin.Forms और Xamarin.Essentials अब Android समर्थन 28.0.0.3 पर निर्भर करते हैं। इसलिए आप अपने द्वारा उपयोग किए जाने वाले किसी भी अन्य पैकेज के साथ मिलकर उन्हें अपडेट करना चाहेंगे जो एंड्रॉइड सपोर्ट लाइब्रेरी पर निर्भर हो सकता है।

यदि आप उनका उपयोग करना चाहते हैं, तो SetFlags का उपयोग करके नई पूर्वावलोकन सुविधाओं को सक्षम करना सुनिश्चित करें। अपने समाधान में सभी प्लेटफार्मों के लिए विश्व स्तर पर ऐसा करने के लिए, अपने App.xaml.cs में निम्न जोड़ें:

 public App() {    InitializeComponent();    Device.SetFlags(new[] {        "CarouselView_Experimental",        "IndicatorView_Experimental",        "SwipeView_Experimental"    } );    MainPage = new AppShell(); } 

हम अभी और हमारे अगले संस्करण 4.5 के बीच इन पूर्वावलोकन नियंत्रणों पर आपकी प्रतिक्रिया के लिए GitHub देख रहे हैं, जब हम उन्हें इस पूर्वावलोकन स्थिति से तेज़ी से बाहर ले जाने की उम्मीद करते हैं।