Application Page Structure in Xamarin

We are going to talk about the structure of Xamarin Pages in some depth. So let’s get started…

There must be a page with the layout and views. Before moving to the next step first we want to know that what basically a Layout is.

Layout is a container that allows you to add more than one content into your page application.

There are different types of Pages in xamarin.

Content page is the basic and simple page of your application.

Tabbed Page is just like a Content page with some additional tabbed on the bottom or top that allows you to trigger some event.

Master Detailed Page have a menu or you can call it a hamburger that allows you to go to the different pages of your application.

Navigation Page allows you to navigate between different pages.

Carousal Page allows you to slide forward or backward. If you are well familiar with the bootstrap and css then you know what carousal is. If not then don’t be worry because we’re going to start from scratch.

Layouts in Xamarin

In xamarin we have different type of layouts. Let's talk about them one by one.

Layouts is just like a container. The first layout is Stack Layout. It allows us to go to the vertical or horizontal side of screen.

Second is absolute layout. So what it going to do is place view at specific position? It works on the x-axis and y-axis.

Third is the relative layout. What it'll do is place view relative to another, It is used in the page margins of application.

The last is the Table type layout that is the Grid layout.

Basic Controls in Xamarin

Image

Whenever you want to add some picture in your application then you'll use that control.

Label

Label is just like a Text Block if you're familiar with the XAML. If not then it's just a Textbox that cannot be editable

Map

Map is very useful when you want to display some sort of Bing or Google Map Services in to your application.

Web View

As the name implies web view is used to display content of website in to your application.

Button

Button is used to handle some trigger or it will allows us to initiate an event.

Search Bar

Off course it allows you to search something in different pages.

Date Picker

Picks a date for you.

Editor

Editor is a multi-line text field.

Entry

Entry is a single line text field

Progress Bar

It is used when you want the user to wait until the result comes.

List View

List View contains list of items for example if you open your mail box the list view holds your inbox messages.

Some more tools of xamarin are available below.

o   Slider

o   Switch

o   Stepper

o   List View

o   Picker

o   Table View

The most important control we have not talk about is cell.

There are four types of cell.

       I.            Text Cell

     II.            Image Cell

  III.            Entry Cell

  IV.            Switch Cell

Text Cell that displays text into the cell, Image Cell displays images in the cell, Entry Cell allows user to enter some text, Switch Cell allows user to select Boolean value that must be on or off.

So till we have seen the Pages, Layouts, Controls and Cells .Go and explore further to the internet if you have any query related to the article post your comment below. Till then Happy Codding …