Amazing Data Visualization with CarouselView in Xamarin.Forms

[@iancarroll3918]

Good to see the outcome first.

[@jfversluis]

Thank you! Makes it more helpful to follow along?

[@flboy77]

"Begin with the end in mind". I love that you showed us the outcome before showing us how.

[@jfversluis]

Thank you Ryan! It was a suggestion of one of my subscribers actually and I think it makes total sense, so trying to do that now on my videos so you know what we are working towards :)

[@chriwee5297]

Awesome! It feels so much better to see the outcome first. It eliminates any uncertainty and I am much more able to focus on all the details. :) Also, taking this video as an example, imagine a situation where in my mind, I mix up carousel view with something different. With the preview it takes only half a minute to figure that out.

[@jfversluis]

Totally agree! Glad you gave me this feedback, thanks!

[@maheshkumbhar4216]

Thank you Gerald. Understand how CarouselView Works.

[@jfversluis]

Awesome!

[@irynadoroshenko8832]

Woohoo! Finally we have Carousel View in XF ) Thanks for the video, Gerald

[@jfversluis]

I know, right?! Glad we're finally getting these controls! Now we should move the MediaElement and CameraView from the Toolkit into .NET MAUI quickly :D Is there any other controls that you would like to have in Forms?

[@irynadoroshenko8832]

@@jfversluis I need to think about this question...(maybe customized camera view for example). But you have done such a great job!!!(really) and added so many controls to the XC toolkit. Now it's possible to develop applications faster and with a cool design 😎👌.

[@jfversluis]

@@irynadoroshenko8832 Aww thank you for saying that! I really appreciate it :) Let me know if you need anything!

[@irynadoroshenko8832]

@@jfversluis Will do! Thank you)

[@mamadimomakgahlela863]

YES the preview is Awesome keep it

[@jfversluis]

I will, thank you! 😄

[@3ammin9]

Much, much better with end result up front! Otherwise it's easy to get lost and confused. Thanks for your video series. It is very informative!

[@jfversluis]

Thanks so much!

[@gabrielgarciadelatorre6724]

Hello let me say Great Video! I have a little question. If I put a gif images into carrusel. always get at first gif a white image. after scroll there I get a gif. you you have any idead how resolve this?

[@excellencepere6523]

Really nice video, I recommend starting with the outcome. I am new to Xamarin so please bear with me. Currently, I am looking for an Introduction CarouselView (Slider) with the little dots showing which content is being viewed.

[@jfversluis]

Thanks! I have been doing that since this video so should be good for other videos :) Here is another video on the IndicatorsView: kzbin.info/www/bejne/g4O3cqmhnauijdk

[@fotoselector]

hi, thanks for this lesson, I put a carousel with some lyrics songs, all is almost ok but some larges songs have their lyrics cut, if I tap in other page and get back again it show completed lyric. have you any

[@egvijayanand]

Nice intro to the CarouselView. Kindly do a video on IndicatorView control, to work together with the carousel.

[@jfversluis]

Are you a mind reader?! That was exactly my plan! It’s coming! 😄

[@egvijayanand]

@@jfversluis It's quite obvious as IndicatorView closely work with CarouselView

[@julianberger234]

hey great video! (Again). I would like to know if it is possible to simultaneously show 3 items at once with this. Now there will only appear one items on the screen. There is the command PeekAreaInsets but I cant really wrap my head around this. Thank you in advance, maybe you have an idea!

[@jfversluis]

That's absolutely possible! Does this help: docs.microsoft.com/xamarin/xamarin-forms/user-interface/carouselview/layout#partially-visible-adjacent-items

[@julianberger234]

@@jfversluis Yes, but peekAreaInsets always gives different spacings on different devices...

[@jfversluis]

Hm, if you think that’s not intended open a bug on the repo or see if there is already one open for that.

[@PaoloBoffi]

Hi Gerald, how can I access properties of a json file that have more than a single class in a CarouselView through data binding? For instance, if I have a class "Room", which cotain a RootObject with a list of Contents, and the Content class that contains a string Name, how can I data bind the Name string in a label to show it inside the CarouselView?

[@jfversluis]

Not sure if I completely understand what you mean, but you can simply do {Binding Room.Content.Name} just as you would access it in code :)

[@knox7477]

Yes , something else with carouselView

[@jfversluis]

I’m afraid I’m not sure what you mean :)

[@knox7477]

@@jfversluis I mean, more sample of carouselView or CardView.

[@spidersoft2771]

Great job man thank you so much.. :D

[@jfversluis]

No problem at all, thanks for watching again!

[@Aquib001]

Hey , how can we put multiple carouselview items in one page like other home pages of applications

[@jfversluis]

Don’t know from the top of my head but there are properties to do that

[@rezamohamed2112]

Is it possible to add some kinda ContextMenu into the Carousel item for say Edit/Delete? the Swipe Top/Bottom feels klunky but the only current options it seems.

[@jfversluis]

Yeah SwipeView might not be the best option here. Maybe a long press and then show a context menu?

[@rezamohamed2112]

@@jfversluis Correct, that is what I am trying to do, but haven't had luck figuring it out, hence the question

[@hmphibrizo]

how can i make a carouselpage with vertical slide?

[@jfversluis]

Use a CollectionView I guess 😄

[@yeahscienceman]

Is it possible to disable scrolling in Carousel View? I need to navigate carousel items with next/previous buttons

[@jfversluis]

It has the IsSwipeEnabled property, set that to false and you should be good!

[@yeahscienceman]

@@jfversluis thanks man!

[@en_acorn]

Good tutorial, very helpful, thanks! But is it possible to swipe using a button?

[@jfversluis]

You should be able to set the selected index so that should definitely be possible:)

[@en_acorn]

@@jfversluis this is helpful, thank you, another question sir, is it possible to create a different UI with the same carousel view? for example, the first 4 slides will consist of entry, but the last slide will be a picker

[@jfversluis]

I guess something like that should be possible with DataTemplateSelector

[@pipoafndy3217]

I have Vs 2017, when set up carousel view and build, it give me many strange errors that were not exist.. Is that cause of Vs version?? Should I change to Vs 2019??

[@jfversluis]

Yep I don’t think vs2017 is still supported :)

[@abrahamjohn9457]

I have a problem. If I swipe pages of carouselview and if I minimize the app to background and reopen again, the carouselview always changes to first position.

[@jfversluis]

See if it’s a bug on the Forms repo or maybe something in your code?

[@adilaliasghar3974]

Tried your sample code on android device. Doesn't work, spits lot of exceptions. Works on simulator though. Lots of ImageLoaderSourceHandler: Could not retrieve image or image data was invalid Plus labels aren't visible as well. Any suggestions what could be wrong with it. Thanks.

[@jfversluis]

What kind of exceptions? I just downloaded it and it ran on the first try without any issues :)

[@adilaliasghar3974]

@@jfversluis The exception I get is "Image Loading: Error getting stream for raw.githubusercontent.com/jamesmontemagno/app-monkeys/master/sebastian.jpg: System.OperationCanceledException: The operation was canceled." Moreover I can't see any labels, Just image in the center. It runs just fine on emulators but fails on actual phone. I am testing it on Samsung s9/android 10

[@d_range211]

Able to this without data binding?

[@jfversluis]

You can’t work with templates without databinding no :)

[@snjosyula]

Exactly I alway slide through the end first before checking whole video. This will save my time not unnecessary watch the video which I am not looking right now. But your watch time reduced 🙂

[@jfversluis]

No need to do that anymore!