ज़ामरीन के साथ उड़ान जारी रखें

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

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

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

एनीमेशन लूप डिफ़ॉल्ट रूप से जाएगा। एनीमेशन को रोकने के लिए, IsAnimationPlaying को गलत पर सेट करें।



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

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 शीर्षक और आइकन प्राप्त करता है, साथ ही कमांड या 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> 

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

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

Xamarin.Forms 4.4 के साथ आज ही शुरू करें

Xamarin.Forms 4.4 के साथ शुरुआत करने के लिए, इसे NuGet पैकेज मैनेजर से अपग्रेड या इंस्टॉल करें। यदि आप पिछले संस्करण से अपग्रेड कर रहे हैं, तो ध्यान रखें कि 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(); }