Pull-To-Refresh, EmptyView and Layouts with CollectionView - .NET MAUI Tutorial Step-by-Step

In an earlier video we already implemented the CollectionView, but it's time to have a closer look. For this video, we will learn how to implement pull-to-refresh, see how to make clear to the users there is no data with EmptyView and explore different layouts that are available to CollectionView.

💝 Join this channel to get access to perks:

Disclaimer: this channel is done on personal title, in my free time, and not officially affiliated with or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.

🔗 Links

⏱ Timestamps
00:00 - .NET MAUI CollectionView
00:22 - What is CollectionView? And CarouselView?
03:02 - Implement Pull-To-Refresh with RefreshView
07:52 - Different CollectionView Layouts: Grid, Linear, Custom?
10:31 - CollectionView SelectionMode
11:19 - No Data? No Problem with EmptyView!
15:07 - Wrap-Up; Next Episode: App Theming!

🎥 Video edited with Filmora

🙋‍♂️ Also find my...

#dotnetmaui #maui #dotnet6

[razorgmx]

Great video series Gerald :) . Maybe one think at least for me that is important to show when we speaking about showing data is lazy loading. At the moment I didn't find any video that you mentioned and correct me if I'm wrong. Thumbs up and support for all that you do

[thetshirtguylv]

Thank you. Great video. Do you also have something on scrolling in the collectionview? like using RemainingItemsThreshold? I'm looking for best practices. Do I pull all the data out of the Sqlite database and then chunk it to the collectionview? or do I keep hitting the database asking for more data?

[kopilkaiser]

Amazing tutorial. I've learnt a lot of useful knowledge thanks to you. ⭐️⭐️⭐️

[DanieDuPreez]

Thank you Gerald, one really learn everyday something new from your videos.

Can you please perhaps make a video with CRUD data as there are not many such examples, and something everyday needed in the workplace. Would love to see how you have done it. Have done it, but feels more like a cowboy approach was taken

[HerbertNijkamp]

Great video's Gerald, . Even if you cover a covered a lot so far on .NET MAUI, I still can't solve a layout problem that sounds not so difficult but for me it is.

I have a collection view that displays colums with data, A want to use *, 2*, 3* for column widt zo the collums will be resized if i rezize the window or its displayed on a smaller screen.

No my problem I want to have an header above the columns with the Column titles, with the Columnnames. I created a CollectionView.Header widt the same grid (Column) definitions. But those columns are never the same width as from the collectionview. Is there a wacy to get the calculated/used column widt from the CollectionView and use them in the header?

[PeacefulMindss]

Great 👍 thank you for mentioning GridItemsLayout, very useful.

[jerrylwatson]

Is there a way to refesh the refreshview from the behind code? Thanks

[allierodgers]

I was having an issue with the refreshView and collectionView this way in iOS. Do you know any fixes?

[halestormtv]

Hey Gerald! I got to the part at the end where you showed it running on Windows, but I was disappointed that we didn't get to see the refresh drag part working. I'm stumped on how to get refreshviews working on Windows, as it won't seem to pull down to refresh. Is it just not a supported feature on Windows native?

[Mielesplayz]

I have a bug where the empty view doesn't show, it only happens on android tho.

[rahul_salokhe]

👍
Please make a video on app shell theme

[anandshindey]

Good Info, Thanks. It looks no different than Xamarin largely. Would you be pointing out the differences in a later video?

[KravchenkoIgor]

Hi, Gerald.
I have tried to change template and layout dynamically. On Android works fine but on Windows it changes only template but layout still same.
What can I do here? Because on Windows I want be able to change layout with windows size changing.

[broadshare]

CollectionView is amazing, 👍. I know which one to choose, collection, list, scroll views

[MasterCandy]

Does Pull to Refresh work on windows ?

[davefoley]

Regarding the EmptyView, it would be nice if we could enable/disable this. For example in some cases if the data is fetched asynchronously during OnAppearing(), the EmptyView will appear prior to this. I would like to attempt to get the data before displaying "No Data Available". So, it would be convenient to enable the EmptyView after this initial attempt to fetch the data.
Even better, perhaps I could just change the message during the initial attempt. Updating after finishing the initial download.

[kirillnovozhilov]

Can you show how to make RefreshView work on Windows?? You show only android...

[cissemy]

Great.
How can I add pagination to CollectionView?
Let's say I have 1000 records and I want to load only 25 by 25 .
Thanks

[MrBigdogtim]

At 9:09 you called Live Preview "preview bitch". It's funny, because that is also my nickname for the Live Preview window. I got busted on that doing a demo for a client - so if that was an intended funny, I did laugh. Also, if you do reshoot this one, I would suggest you introduce OnPlatform/OnIdiom when you were going from Android to Windows for CollectionView. Would have been a nice concrete way to show how that works.