From the course: Xamarin.Forms Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Use CollectionView Grid layout - Xamarin Tutorial
From the course: Xamarin.Forms Essential Training
Use CollectionView Grid layout
- [Instructor] I mentioned that the collection view is a bit of an evolution of that list view, and where the list view could present items in a vertical list, the collection view's got a number of different options. So let's just take a look at one of those, so you can see some of the things you can do. So I'm going to put an image in, and for the source we'll say we're going to use that binding again, remember we can use the ImageUri from our product, we'll do an aspect of AspectFit, and then we'll do horizontal options center. So we want to have that thing fit and centered, and that's going to be in a vertical stack panel, so it'll be above our image. I'm going to go ahead and comment this bottom label for the description, we're going to leave that text out for now. So it'll be comment in markup using the HTML comment syntax or XML comment syntax, here, and that's now gone. So we should have now is an image sitting…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Xamarin.Forms layouts4m 20s
-
(Locked)
Create a page using StackLayout5m 18s
-
(Locked)
Use RelativeLayout5m 28s
-
(Locked)
Databinding basics: Display data6m 54s
-
(Locked)
Bind and display a list of data7m 2s
-
(Locked)
Use CollectionView Grid layout2m 47s
-
(Locked)
Create a form page with Grid layout7m 29s
-
(Locked)
Binding to entry fields7m 43s
-
(Locked)
Use ScrollView2m
-
(Locked)
Add style to a control3m 14s
-
(Locked)
Trigger a style by property value2m 14s
-
(Locked)
-
-
-