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.
Create a page using StackLayout - Xamarin Tutorial
From the course: Xamarin.Forms Essential Training
Create a page using StackLayout
- [Instructor] Let's start using some of those layouts and views to build up our user interface. We'll start back in our HPlusSports, our original solution. I'm going to go to to product detail page here. Get rid of this label. I'm going to use some stack layouts to layout the controls on my page. Now you can see, we're in a content page and we have this ContentPage.content. That's a property of the content page, and this is our placeholder for where our content will go. We start with a stack layout. One of the key things we want to set is the orientation. So in this case, I want to set that to vertical as I want to align things, or set them up, going top to bottom on the screen. And now the contents inside of here will stack vertically from top to bottom. So, I can add another stack layout. This one I might say the orientation is horizontal. And inside here, I can actually put some of my content, so maybe have a label,…
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)
-
-
-