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

[@CodingDroplets]

⭐ Join Us on Patreon: www.patreon.com/CodingDroplets .NET MAUI Tutorial Series: kzbin.info/www/bejne/hWSQm3mrjdZ0iac

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

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

[@CodingDroplets]

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]

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

[@CodingDroplets]

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]

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

[@CodingDroplets]

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

[@Mustafamutasim]

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

[@CodingDroplets]

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]

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]

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.

[@CodeWithIbrahim-fl3no]

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]

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.

[@allannielsen4752]

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]

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.]

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]

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.

[@shaileshpandey6214]

Great video on collection view.. Thank you.

[@CodingDroplets]

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

[@someoneofpeople]

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

[@CodingDroplets]

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

[@col89808880809]

Excellent excellent excellent!!! Excellent explanations.

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

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

[@CodingDroplets]

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.

[@tahirkhan466]

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

[@MatheusDinizsr]

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]

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

[@CodingDroplets]

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.

[@yaroslavpanych2067]

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

[@CodingDroplets]

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.

[@musigahstallone]

a great tutorial

[@CodingDroplets]

Thank You!

[@imashar]

Great ❤️🔥

[@CodingDroplets]

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.

[@col89808880809]

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]

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.

[@LexyRinaldi]

how to change the highlighted color?

[@ymtan]

Kindly please upload a video covering .NET MAUI SwipeView control

[@CodingDroplets]

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: kzbin.info/www/bejne/eX7cqnyjr7p_kM0

[@TristanAaronCavite]

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

[@ApurvKumar-u4m]

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

[@CodingDroplets]

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: kzbin.info/www/bejne/eF6YlmOGf9mGetU

[@ApurvKumar-u4m]

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

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

What does the dot . do ?

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

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

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

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

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.

[@mscrabe]

❤

[@CodingDroplets]

Thank you so much ❤

[@simontillema5599]

You hero! Where to buy you a coffee?

[@CodingDroplets]

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 KZbin. 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!

[@TienNguyen-ob3kp]

CollectionView w VerticalGid when scrolling makes laggy alot

[@CodingDroplets]

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.

[@soumyadipmajumder3450]

Sir please release in .NET 8 with MAUI

[@Userabcdedfgh]

Make add edit operations in .net Maui

[@CodingDroplets]

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.

[@Miles7000]

Thanks 😂😂😂

[@CodingDroplets]

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

[@nanzhog4686]

really help me lot!

[@CodingDroplets]

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

[@soumyadipmajumder3450]

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

[@CodingDroplets]

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.