User Interface

Sample Code:
Related Articles:

Let us know how you feel about this

Translation Quality


How to use the views provided by Xamarin.Forms


Xamarin.Forms includes its own animation infrastructure that's straightforward for creating simple animations, while also being versatile enough to create complex animations.


The BoxView is just a simple colored rectangle, but it can be used for decorative items, rudimentary graphics, and for obtaining interative touch input.


Defining and using colors across platforms can be tricky when each platform has its own standards and defaults.

Controls Reference

This document is a quick reference to the UI views that make up the Xamarin.Forms framework, such as Pages, Layouts, Views and Cells.


DataPages provide an API to quickly and easily bind a data source to pre-built views. List items and detail pages will automatically render the data, and be customized using themes.


How to incorporate graphics and game engine visuals into a Xamarin.Forms application.


Images can be shared across platforms with Xamarin.Forms, they can be loaded specifically for each platform, or they can be downloaded for display.


Xamarin.Forms has several layouts for organizing on-screen content. StackLayout, Grid, AbsoluteLayout, ScrollView, and RelativeLayout can each be used to create beautiful, responsive user interfaces.


Xamarin.Forms provides a list view control to display scrolling rows of data. The control includes contextual actions, HasUnevenRows automatic sizing, separator customization, pull-to-refresh, and headers and footers.


Adding maps requires an additional NuGet package download and some platform-specific configuration. Maps and pin markers can be added in just a few lines of code once the configuration is done.


The Picker view is a control for selecting a text item from a list of data.


Font, color, and other attributes can be grouped into styles which can be shared across controls, layouts, or the entire application using ResourceDictionaries.


The table view is similar to a list view, but rather than being designed for long lists of data it is intended for data-entry-style screens of scrolling controls or simple scrolling menus.


Xamarin.Forms has several views for presenting and receiving text. Text views can be formatted and customized for platforms. Specific font settings can enable compatibility with accessibility features.


Xamarin.Forms Themes define a specific visual appearance for the standard controls. Once you add a theme to the application's resource dictionary, the appearance of the standard controls will change.


Xamarin.Forms uses the native web browser control on each platform, and can display websites, local resources, and generated Html strings.

Xamarin Workbook

If it's not already installed, install the Xamarin Workbooks app first. The workbook file should download automatically, but if it doesn't, just click to start the workbook download manually.