Xamarin.Forms UI: Pages, Layouts and Views Screen

The page is the primary container, in our sample it’s a ContentPage.

Inside the Page we will add a Layout, in the sample we use StackLayout, and inside the StackLayout we will add the view that is a list of Controls, in this sample we used: a Label, an Entry (Input text) and a Button.

1-      The “Page” can be:

-          ContentPage (https://developer.xamarin.com/api/type/Xamarin.Forms.ContentPage/)

-          MasterDetailPage (https://developer.xamarin.com/samples/xamarin-forms/Navigation/MasterDetailPage/)

-          NavigationPage (https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/)

-          TabbedPage (https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/tabbed-page/)

-          CarrouselPage (https://developer.xamarin.com/api/type/Xamarin.Forms.CarouselPage/)

1-      The “Layout” can be :

-          StackLayout (https://developer.xamarin.com/guides/xamarin-forms/user-interface/layouts/stack-layout)

-          AbsoluteLayout (https://developer.xamarin.com/guides/xamarin-forms/user-interface/layouts/absolute-layout/)

-          RelativeLayout (https://developer.xamarin.com/guides/xamarin-forms/user-interface/layouts/relative-layout/)

-          Grid (https://developer.xamarin.com/guides/xamarin-forms/user-interface/layouts/grid/)

-          ScrollView (https://developer.xamarin.com/guides/xamarin-forms/user-interface/layouts/scroll-view/)

-          Frame (https://developer.xamarin.com/api/type/Xamarin.Forms.Frame/)

-          ContentView (https://developer.xamarin.com/api/type/Xamarin.Forms.ContentView/)

2-      The “View” is a list of controls can be :

-          Label

-          Image

-          Button

-          BoxView

-          List: to build selectable list: ListView

-          Text Entry: it can be: Entry (Text string) or Editor

-          Selection: where the user can the choice of a range of fields :

o Picker

o DatePicker

o TimePicker

o Stepper

o Slider

o Switch

-          User Feedback: to notify the user of app processing status

o ActivityIndicator

o ProgressBar.