Xamarin.Forms Complete Controls List
Checkout Xamarin Forms complete list of controls and resources you can use to get the best out this cross platform mobile development platform.
Xamarin.Forms Pages
Content Page
It can display a single view. You can place any layout or view in it. You can use content page to show any view with a single element. This element can be anything like label, an entry or you can also use layout in the content page. It doesn’t matter that your layout contains more than one element; it can be placed in a content page. Layouts are also discussed below. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Navigation Page
Use it to make navigation between the pages. i.e. move from one page to another. Most of the mobile Applications have more than one page. Thus, you must use navigation page in your Application to move from one page to another. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Tabbed Page
Navigate from one page to another via tabs. Via tabbed, you can move from one tab to another. This is also a type of navigation page. In this page, you have multiple tabs and all the tabs are in front of you and you can move from one tab to another tab easily. E.g. Instagram is based on Tabbed page. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Master Detail Page
A page that manages two panes of information. Master Detail page contains two panes. Let’s discuss an example of it that you have a list of contacts and you click on a specific contact to see its details and all the details of it are shown on the same page on second pane. This is the Master detail page, where you have two panes. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Template Page
It can display full screen content with a control template and the base class for Content page. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Carousel Page
Navigate from one page to another via swipe gesture. This is another type of navigation page but in Carrousel page, you can swipe to see Next page. Swipe left or swipe right to navigate between the pages. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Xamarin.Forms Layouts
Stack Layout
It can place elements in stack; either in vertical or in Horizontal orientation. In vertical orientation, you can place all the elements vertically or if you set orientation to horizontal, then all its elements are automatically placed in horizontal way. This is the most simple and easy to use layout.Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Absolute Layout
Use to position its child elements at absolute requested positions. Absolute layouts are used when you want to move away from all the layouts restrictions and make layout totally different. We can use absolute and proportional values to set height, width, X-Axis and Y-Axis of an element. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Grid Layout
Divide layout in rows and columns. Your full screen is divided into rows and columns and you can use them to make your desired view. Mostly Grid layouts are seen in pictures gallery and other Grid layouts. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Relative Layout
Use to position its elements relative to other element. For example, you have navigation bar at the top of your Application and you want this navigation bar to be always viewed 20 units down from main container. Now, you may set its y-axis to 20 units down relative to its container. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Content View
An element with a single content. ContentView has very little use of its own. See Grial samples here.
Scroll View
It is used for scrolling a page. If you want to show more and more data on an Application page, then don’t take any tension; Scroll View is always there to help you. You can scroll screen up and down to view more data, as show in the image given below. E.g. Facebook and other big social media applications require scrolling. See Grial samples here.
Template View
An element, which displays content with a control template and the base class for ContentView. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Xamarin.Forms Views
Activity Indicator
It is used to indicate that something is working. You can see small circle rotating in an image shown below. This is the sign of an Activity Indicator. It is used to satisfy the user that our Application starts working on its given command. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
BOX View
A simple box with solid colors. Change box size, color and other properties to make it more attractive.Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Button
A simple button that can perform any action, which you set on the clicked event of a button. On button, you can set navigations and different task to be done according to your Application logic. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Editor
It is a multiple line Text Editor. If you are familiar with an HTML, then you can say an Editor is a text area, which is used to get multiple line inputs from the user. Editor is used to edit multiple lines e.g. when you want long address or the values from the user , than an Editor is used. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Entry
Edit single line to text. It is also used to take an input from the user. It is mostly used when small input is required from the user. E.g. if you want a user E-mail or a password, then an entry is the best suitable option for you. In the picture given below, you can see the entry element.Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Image
It is use to show any image. You can make your application look and fell better by using attractive images. Or you may use images to showcase you products in your Application or many more. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Label
It can view some text. Any type of text or description is displayed in a label. Labels makes the users to understand your Application more easily. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
List View
It is used to present the list of data. You can use different data templates in the list. i.e. TextCell or ImageCell. TextCell contains text and its description whereas an ImageCell contains an image and with a TextCell, you can make you own ViewCell to display the data in your list, as per your desire. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Picker
A view control is used to pick an element from the list. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Progress Bar
It is used to show the progress. On each step of your backend work, you can set Progress Bar value. Progress Bar is used to satisfy the user and makes him aware that his work is progressing. It can show the percentage of work done and remaining work to the user. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Search Bar
It is used to search the data from a list or anything. You can place Search bar to make search from a web or from anything. Most of us daily use Search Bar on Google home page. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Slider
A control that inputs a linear value. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Stepper
It is control that inputs a discrete value, which is constrained to a range. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Switch
Toggle button/ on or off button. It is used when you give the user only two choices ‘Yes’ or ‘No’. In real word, we can also use switches to on or off our appliances. This switch is also something like that. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Table View
It contains rows and columns. It contains rows and columns to place your data in more presentable way. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Time Picker
Time Picker is used to pick a time, which is mostly seen in an Alarm Clock Application and other Application, where we want to set an event or schedule anything. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Web View
It is used to present Web data or HTML content. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Xamarin.Forms Cell
Cells are the specialized elements, which are used to present a date in List view and table view. Cells are the elements, which are specially designed to be added in ListView and TableView Controls.
Different types of cells are shown below.
Entry Cell
A cell that contains a label and single line entry field. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Image Cell
A cell that includes an image in it. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Text Cell
A cell is the one, which shows the text and the detail. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.
Switch Cell
It is a cell with a label and on/off switch. Check out the complete Xamarin.Forms control list samples on Grial UI Kit for Xamarin.Forms.