Amazing Data Visualization with CarouselView in Xamarin.Forms

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 68

  • @iancarroll3918
    @iancarroll3918 3 роки тому +9

    Good to see the outcome first.

    • @jfversluis
      @jfversluis  3 роки тому +3

      Thank you! Makes it more helpful to follow along?

  • @flboy77
    @flboy77 3 роки тому +1

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

    • @jfversluis
      @jfversluis  3 роки тому +1

      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
    @chriwee5297 3 роки тому +3

    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
      @jfversluis  3 роки тому

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

  • @mamadimomakgahlela863
    @mamadimomakgahlela863 3 роки тому

    YES the preview is Awesome keep it

  • @maheshkumbhar4216
    @maheshkumbhar4216 3 роки тому

    Thank you Gerald.
    Understand how CarouselView Works.

  • @irynadoroshenko8832
    @irynadoroshenko8832 3 роки тому

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

    • @jfversluis
      @jfversluis  3 роки тому

      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
      @irynadoroshenko8832 3 роки тому

      @@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
      @jfversluis  3 роки тому +1

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

    • @irynadoroshenko8832
      @irynadoroshenko8832 3 роки тому

      @@jfversluis Will do! Thank you)

  • @3ammin9
    @3ammin9 2 роки тому

    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!

  • @julianberger234
    @julianberger234 3 роки тому +2

    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
      @jfversluis  3 роки тому

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

    • @julianberger234
      @julianberger234 3 роки тому

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

    • @jfversluis
      @jfversluis  3 роки тому

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

  • @gabrielgarciadelatorre6724
    @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?

  • @fotoselector
    @fotoselector 2 роки тому

    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
    @egvijayanand 3 роки тому

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

    • @jfversluis
      @jfversluis  3 роки тому +1

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

    • @egvijayanand
      @egvijayanand 3 роки тому +1

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

  • @PaoloBoffi
    @PaoloBoffi 2 роки тому

    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
      @jfversluis  2 роки тому

      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 :)

  • @excellencepere6523
    @excellencepere6523 3 роки тому

    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
      @jfversluis  3 роки тому +1

      Thanks! I have been doing that since this video so should be good for other videos :)
      Here is another video on the IndicatorsView: ua-cam.com/video/MRTAvkhFoWw/v-deo.html

  • @rezamohamed2112
    @rezamohamed2112 3 роки тому

    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
      @jfversluis  3 роки тому

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

    • @rezamohamed2112
      @rezamohamed2112 3 роки тому

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

  • @Aquib001
    @Aquib001 3 роки тому

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

    • @jfversluis
      @jfversluis  3 роки тому

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

  • @spidersoft2771
    @spidersoft2771 3 роки тому

    Great job man thank you so much.. :D

    • @jfversluis
      @jfversluis  3 роки тому

      No problem at all, thanks for watching again!

  • @en_acorn
    @en_acorn 3 роки тому

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

    • @jfversluis
      @jfversluis  3 роки тому +1

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

    • @en_acorn
      @en_acorn 3 роки тому

      @@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
      @jfversluis  3 роки тому +1

      I guess something like that should be possible with DataTemplateSelector

  • @yeahscienceman
    @yeahscienceman 3 роки тому

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

    • @jfversluis
      @jfversluis  3 роки тому +1

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

    • @yeahscienceman
      @yeahscienceman 3 роки тому

      @@jfversluis thanks man!

  • @pipoafndy3217
    @pipoafndy3217 3 роки тому

    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
      @jfversluis  3 роки тому +1

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

  • @hmphibrizo
    @hmphibrizo 2 роки тому

    how can i make a carouselpage with vertical slide?

    • @jfversluis
      @jfversluis  2 роки тому

      Use a CollectionView I guess 😄

  • @abrahamjohn9457
    @abrahamjohn9457 3 роки тому

    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
      @jfversluis  3 роки тому

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

  • @adilaliasghar3974
    @adilaliasghar3974 3 роки тому

    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
      @jfversluis  3 роки тому

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

    • @adilaliasghar3974
      @adilaliasghar3974 3 роки тому

      @@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

  • @knox7477
    @knox7477 3 роки тому

    Yes , something else with carouselView

    • @jfversluis
      @jfversluis  3 роки тому

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

    • @knox7477
      @knox7477 3 роки тому

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

  • @snjosyula
    @snjosyula 3 роки тому

    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
      @jfversluis  3 роки тому

      No need to do that anymore!

  • @d_range211
    @d_range211 3 роки тому

    Able to this without data binding?

    • @jfversluis
      @jfversluis  3 роки тому +1

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