.NET MAUI CollectionView: Examples and Best Practices | .NET MAUI Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024

ความคิดเห็น • 69

  • @CodingDroplets
    @CodingDroplets  ปีที่แล้ว +5

    ⭐ Join Us on Patreon: www.patreon.com/CodingDroplets
    .NET MAUI Tutorial Series:
    th-cam.com/video/O3-jFuXqASE/w-d-xo.html

    • @aleksthomson9457
      @aleksthomson9457 ปีที่แล้ว

      fucking dotnet maui is very very very very sooooooo long draws the interface.
      why?
      this is a serious platform, serious developers!
      why is this fucking shit happening!
      here there is a preloading scrollable list, and if there are only 100 elements, then adding 10 more elements takes so much time that your customer will send you the fuck!

  • @Autokent
    @Autokent ปีที่แล้ว +5

    Thanks for the good lesson!
    I look forward to continuing this course.
    You explain the material of each lesson very clearly.

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you for your kind words! I'm thrilled to hear that you found the tutorial helpful and that you appreciate the clarity of the material covered.
      I'm equally excited to continue sharing more lessons and tutorials with you in this course. It's my goal to provide clear and comprehensive explanations so that you can grasp the concepts easily.

  • @teftele
    @teftele ปีที่แล้ว +3

    Oh, it looks good! I love it when you dynamically add elements.🎉

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you for your comment! I'm glad you enjoyed the tutorial on using CollectionView in .NET MAUI. Dynamic element addition can indeed be a powerful feature, allowing you to create more interactive and flexible user interfaces.
      By leveraging CollectionView, you have the ability to add or remove elements dynamically based on your application's requirements. This flexibility opens up a wide range of possibilities for creating engaging user experiences.

  • @kopilkaiser8991
    @kopilkaiser8991 11 หลายเดือนก่อน +1

    droplets of Excellemcy and usefulness from watching your tutorial. Thank you for providing us with this ❤

    • @CodingDroplets
      @CodingDroplets  11 หลายเดือนก่อน

      Thank you for your kind words! I'm glad you found the tutorial helpful. Happy coding! ❤️

  • @Mustafamutasim
    @Mustafamutasim ปีที่แล้ว +2

    Super fast and clear explanation.
    I Appreciated your efforts
    Thanks!

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you so much for your comment! I'm glad you found the tutorial helpful and that the explanation was clear and easy to follow. I greatly appreciate your kind words and recognition of my efforts.
      If you have any further questions or need assistance with anything related to .NET MAUI or any other topic, feel free to reach out. Thanks again for your support, and I'm thrilled that you found value in the tutorial.

    • @Mustafamutasim
      @Mustafamutasim ปีที่แล้ว +1

      Thanks for your kind reply
      Currently I'm struggling with Right-To-Left UI, it doesn't display correctly for both Android and IOS, for Android I have a workaround, I think it's a MAUI issue at this time

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you for reaching out and sharing your experience with Right-To-Left UI in .NET MAUI.
      I apologize for the delayed response. As of now, I haven't specifically tested the Right-To-Left functionality. It's possible that there might be some compatibility issues or limitations with this feature in the current version of MAUI.
      Rest assured, I'll look into this matter and explore the Right-To-Left behavior for both platforms. If there are any workarounds or solutions available, I'll make sure to include them in an upcoming video or provide an update in comments.

  • @allannielsen4752
    @allannielsen4752 6 หลายเดือนก่อน +1

    whilst this was a great introduction, I'd love to see more about this powerful control as you only scratched the surface. i.e. Refresh and Swipe View integrations, responding to user actions and gestures within the control, etc.

    • @CodingDroplets
      @CodingDroplets  6 หลายเดือนก่อน +1

      Thank you for your feedback! I'm glad you found the video helpful. You're absolutely right that there's a lot more to explore with this powerful control.
      I appreciate your suggestions for future topics. These are indeed important features that can enhance the user experience, and I'll definitely consider creating more in-depth tutorials covering these aspects.

  • @Abdullah.19.
    @Abdullah.19. 4 หลายเดือนก่อน +1

    Hey , I have datatable full of items and i made a collection view of all items in datatable ,and for ever items there is (+ 1 - )I want on click on image button + increase number of items but it is just increase last one .
    For example:
    items1 + 0 -
    Items2 + 0 -
    On click on items1 to increase number of items it is just increase items2

    • @CodingDroplets
      @CodingDroplets  4 หลายเดือนก่อน

      It sounds like the issue might be related to how the binding and update logic is set up for your CollectionView items. Ensure that each item's unique identifier is correctly used in your data binding and event handling logic.
      You might want to check if the command or event handler for the + button is correctly referencing the specific item being clicked.

  • @CodeWithIbrahim-fl3no
    @CodeWithIbrahim-fl3no 6 หลายเดือนก่อน +1

    Many Many Thank you for this video. I am really happy to watch this video. And I subscribed your channel as well. Thank you once again. 💌 And hopefully we are waiting for the upcoming videos like this about .NET MAUI.

    • @CodingDroplets
      @CodingDroplets  5 หลายเดือนก่อน

      Thank you so much for your support and subscribing to the channel! I'm really glad you found the video helpful. I'll definitely be making more videos about .NET MAUI, so stay tuned for upcoming content.

  • @tahirkhan466
    @tahirkhan466 11 หลายเดือนก่อน

    how can we have a collection view scrolling vertically and horizontally at the same time? when i am saying horizontal scrolling it should scroll the full list horizontally

  • @col89808880809
    @col89808880809 ปีที่แล้ว +1

    Excellent excellent excellent!!! Excellent explanations.

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว

      Thank you so much for your enthusiastic comment! I'm glad to hear that you found the tutorial excellent and that the explanations were helpful to you.

  • @elksalmon84
    @elksalmon84 9 หลายเดือนก่อน +4

    In 2024 there there is no visual designer? 25 years ago almost all IDEs had visual designer.

    • @CodingDroplets
      @CodingDroplets  8 หลายเดือนก่อน +1

      Microsoft and the .NET community are continuously enhancing and expanding the capabilities of .NET MAUI. The inclusion of a visual designer or similar features in future releases remains a possibility.

  • @col89808880809
    @col89808880809 ปีที่แล้ว +1

    Great explanation. For some reason after I added the model class with properties. I can no longer select my items? Is this because there is a frame around it? I can't also find the github resource for this? thanks

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you for your comment and feedback! I'm glad you found the explanation helpful.
      Regarding the issue you mentioned about not being able to select items while using frame, it seems to be a known issue. There is a discussion about this particular issue on the official .NET MAUI GitHub repository, which you can find at github.com/dotnet/maui/issues/7121. You can check that thread for any updates or possible workarounds.
      Additionally, I apologize for the confusion about the GitHub resource. You can find the source code for the .NET MAUI CollectionView tutorial at the following URL: github.com/codingdroplets/MauiCollectionControls. This repository contains the code examples and samples used in the tutorial.

  • @MatheusDinizsr
    @MatheusDinizsr 8 หลายเดือนก่อน +1

    When I set MainPage = new CollectionView(); I get the "cannot implicitly convert type CollectionView to Page" error. How do I fix this? I noticed that the standard definition for my MainPage was MainPage = new AppShell()

    • @CodingDroplets
      @CodingDroplets  8 หลายเดือนก่อน +1

      In the video, I assigned the MainPage as "MainPage = new CollectionViewDemo();", where CollectionViewDemo is the content page created specifically for demonstrating CollectionView.

    • @CodingDroplets
      @CodingDroplets  8 หลายเดือนก่อน

      Ah, I see where the confusion might be coming from. It seems like you've created a page named 'CollectionView', but .NET MAUI already provides a built-in CollectionView component, which is causing conflicts.
      Instead of creating a page named 'CollectionView', you can either rename your content page to something else or specify the complete namespace while assigning the MainPage.

  • @shaileshpandey6214
    @shaileshpandey6214 ปีที่แล้ว +2

    Great video on collection view..
    Thank you.

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว

      Thank you for your kind words! I'm delighted to hear that you found the tutorial helpful.

  • @LexyRinaldi
    @LexyRinaldi 28 วันที่ผ่านมา

    how to change the highlighted color?

  • @yaroslavpanych2067
    @yaroslavpanych2067 7 หลายเดือนก่อน +1

    I heard "dynamic" and I didn't see any dynamic item manipulation, like it all. So questions is open: how?

    • @CodingDroplets
      @CodingDroplets  7 หลายเดือนก่อน

      Thank you for your comment! In the ".NET MAUI CollectionView" tutorial, the term "dynamic" refers to dynamically loading data from C# code into the CollectionView. The tutorial demonstrates how to dynamically bind data to the CollectionView by fetching it from C# code rather than statically defining it in XAML. This approach allows for dynamic manipulation of items based on the data retrieved from C# code.

  • @someoneofpeople
    @someoneofpeople 11 หลายเดือนก่อน +1

    Super! keep going your channel shall rise someday, definitly!

    • @CodingDroplets
      @CodingDroplets  11 หลายเดือนก่อน

      Thank you so much for your encouraging words! Your support means a lot.

  • @TristanAaronCavite
    @TristanAaronCavite 6 หลายเดือนก่อน

    how do I make it scrollable in windows?
    pls notice me master

  • @ApurvKumar-u4m
    @ApurvKumar-u4m ปีที่แล้ว +1

    8:51 isn't this a bad practice since the values should come from the viewmodel?

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you for your comment and feedback!
      You're absolutely right that in a proper MVVM (Model-View-ViewModel) architecture, it is generally recommended to bind the values of UI elements to properties in the ViewModel rather than directly to the view.
      In the specific video you watched, the focus was on demonstrating the usage of the CollectionView and its features. To keep the example concise and straightforward, we directly bound the Text property of the to the current item in the string array.
      However, I want to assure you that I have covered the MVVM pattern and the role of ViewModels in a separate video tutorial. You can find it here: th-cam.com/video/B-5e0PJtSDs/w-d-xo.html

    • @ApurvKumar-u4m
      @ApurvKumar-u4m ปีที่แล้ว +1

      @@CodingDroplets I see one more question are there any data that can be left in behind the xaml file followiing the mvvm guidelines?

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว

      In a properly implemented MVVM pattern, the XAML file should primarily focus on defining the structure and appearance of the user interface. The data should be bound to the ViewModel, which acts as the intermediary between the View and the Model. However, there are instances where some data might be directly defined in the XAML file, especially for static or design-related purposes. While these scenarios might involve some data defined in the XAML, it's essential to keep this data separate from the application's actual data and logic. The ViewModel should be responsible for handling dynamic data, data retrieval, and processing.

  • @ApurvKumar-u4m
    @ApurvKumar-u4m ปีที่แล้ว +1

    What does the dot . do ?

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว

      Thank you for your comment and question!
      In the context of in the tutorial, the dot (.) is used to refer to the current item itself when we bind to a string array as the ItemsSource of the CollectionView.
      Since a string array doesn't have any properties like objects do, we directly bind the text of the to the current item in the array using {Binding .}. The dot (.) represents the current item in the array, allowing us to display each string element as the text of the .

    • @ApurvKumar-u4m
      @ApurvKumar-u4m ปีที่แล้ว +1

      @@CodingDroplets okay but we can do just binding? at least it works for me without the dot and it does the same thing.

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว

      You're absolutely right that omitting the dot (.) can still achieve the same result in this specific scenario. In fact, when binding to a simple property like a string, you can often use just {Binding} without the dot (.) and it will work perfectly fine.
      The inclusion of the dot (.) in {Binding .} is more of a best practice and convention to explicitly indicate that we are binding to the current item itself, even when it may not be necessary in some cases. It helps to provide clarity and consistency, especially when working with more complex data types.

    • @ApurvKumar-u4m
      @ApurvKumar-u4m ปีที่แล้ว +1

      @@CodingDroplets amazing thank you. Do you have any discord ? I would be interested in asking questions once in a while and you seem you know your stuff if you dont mind ;)

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว

      Thank you for your kind words and interest in joining a Discord community! Currently, I don't have a Discord server, but I'm considering creating one soon. I appreciate your support, and I'll definitely keep you updated once I set up a Discord community.

  • @TienNguyen-ob3kp
    @TienNguyen-ob3kp 3 หลายเดือนก่อน +1

    CollectionView w VerticalGid when scrolling makes laggy alot

    • @CodingDroplets
      @CodingDroplets  3 หลายเดือนก่อน

      Performance can sometimes be an issue with complex layouts. Try optimizing your item template and reducing the number of bindings and visual elements. Also, ensure you're using the latest version of .NET MAUI, as performance improvements are often included in updates.

  • @simontillema5599
    @simontillema5599 8 หลายเดือนก่อน +1

    You hero! Where to buy you a coffee?

    • @CodingDroplets
      @CodingDroplets  8 หลายเดือนก่อน

      Thank you so much for your kind words and support! If you'd like to buy me a virtual coffee, you can use the "Thanks" option here on TH-cam. Alternatively, if you're interested in accessing the source codes of all the upcoming videos and supporting the channel further, you can join my Patreon community. Your support means a lot, and I truly appreciate it!

  • @imashar
    @imashar ปีที่แล้ว +2

    Great ❤️🔥

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you for your comment! I'm glad you found the tutorial great and enjoyable. It's always rewarding to hear positive feedback from viewers like you.

  • @musigahstallone
    @musigahstallone 11 หลายเดือนก่อน +1

    a great tutorial

  • @soumyadipmajumder3450
    @soumyadipmajumder3450 7 หลายเดือนก่อน +1

    In this lesson the name, Code and data is not showing update System.Private.CoreLib.

    • @CodingDroplets
      @CodingDroplets  7 หลายเดือนก่อน

      This could potentially be due to compatibility issues or other factors. I recommend checking your project setup and dependencies to ensure everything is configured correctly.

  • @ymtan
    @ymtan ปีที่แล้ว

    Kindly please upload a video covering .NET MAUI SwipeView control

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      Thank you for your comment and suggestion! I'm glad to hear that you found the tutorial helpful.
      Regarding your request for a video on the .NET MAUI SwipeView control, I appreciate your interest. In fact, I have already covered the SwipeView control in a previous video. You can check it out at the following link: th-cam.com/video/CMyyImzULZk/w-d-xo.html

  • @Userabcdedfgh
    @Userabcdedfgh 9 หลายเดือนก่อน +1

    Make add edit operations in .net Maui

    • @CodingDroplets
      @CodingDroplets  9 หลายเดือนก่อน

      Already have few videos in the channel explaining add-edit functionalities using APIs, Local Mysqlite DB. You can find it in the MAUI Tutorial Playlist.

  • @soumyadipmajumder3450
    @soumyadipmajumder3450 7 หลายเดือนก่อน

    Sir please release in .NET 8 with MAUI

  • @mscrabe
    @mscrabe ปีที่แล้ว +1

  • @Miles7000
    @Miles7000 ปีที่แล้ว +1

    Thanks 😂😂😂

    • @CodingDroplets
      @CodingDroplets  ปีที่แล้ว +1

      You're welcome! I'm glad you enjoyed the tutorial. Happy coding! 😊👍

  • @nanzhog4686
    @nanzhog4686 11 หลายเดือนก่อน +1

    really help me lot!

    • @CodingDroplets
      @CodingDroplets  11 หลายเดือนก่อน

      I'm delighted to hear that the tutorial was helpful to you! Your feedback is greatly appreciated. Thank You!