From the course: .NET MAUI: Beyond the Basics

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Controlling layouts with the CollectionView

Controlling layouts with the CollectionView - .NET MAUI Tutorial

From the course: .NET MAUI: Beyond the Basics

Controlling layouts with the CollectionView

- [Instructor] In this project, we have a collection view coming from a view model with the default styling. Here we are running the project to see what it looks like with the XML file open. By default we get a vertical list that can be changed to horizontal by using the items layout. Let's change this to a horizontal list using the items layout with a linear items layout. So I'm going to go in under the collection view, and we're going to add a new area called collection view items layout. So just like this, collection view dot items layout. And then inside the items layout, we're going to change this to add a linear items layout. And we're going to say the orientation is horizontal instead of vertical, the default being vertical just like the list view. And we're going to say that the item spacing is maybe 20, so 20 density independent pixels between each item and we'll close that up. And so we'll just kind of save that off…

Contents