Vistas de interfaz de usuario de Xamarin.FormsXamarin.Forms User Interface Views

Descargar ejemplo descargar el ejemploDownload Sample Download the sample

Cómo usar las vistas de Xamarin.FormsHow to use the views provided by Xamarin.Forms

AnimaciónAnimation

Xamarin.Forms incluye su propia infraestructura de animación es sencillo para crear animaciones sencillas, pero también lo suficientemente versátil para crear animaciones complejas.Xamarin.Forms includes its own animation infrastructure that's straightforward for creating simple animations, while also being versatile enough to create complex animations.

BoxViewBoxView

El BoxView es un simple rectángulo de color, pero puede utilizarse para elementos decorativos, gráficos rudimentarias y para obtener la entrada táctil iterativo.The BoxView is just a simple colored rectangle, but it can be used for decorative items, rudimentary graphics, and for obtaining interative touch input.

ButtonButton

El Button responde a un pulse o haga clic en que se dirige a una aplicación para llevar a cabo una tarea determinada.The Button responds to a tap or click that directs an application to carry out a particular task.

CollectionViewCollectionView

El CollectionView es una vista flexible y eficaz para presentar las listas de datos con las especificaciones de diseño diferente.The CollectionView is a flexible and performant view for presenting lists of data using different layout specifications.

ColoresColors

Definición y uso de colores en las plataformas pueden ser complicados cuando cada plataforma tiene su propio estándares y los valores predeterminados.Defining and using colors across platforms can be tricky when each platform has its own standards and defaults.

Controls Reference (Referencia de controles)Controls Reference

Este documento es una referencia rápida a las vistas de interfaz de usuario que componen el marco de Xamarin.Forms, como páginas, diseños, vistas y celdas.This document is a quick reference to the UI views that make up the Xamarin.Forms framework, such as Pages, Layouts, Views and Cells.

DataPagesDataPages

DataSourceControl proporciona una API para enlazar de forma rápida y sencilla un origen de datos a vistas precompiladas.DataPages provide an API to quickly and easily bind a data source to pre-built views. Elementos de lista y páginas de detalle representarán los datos de forma automática y personalizadas utilizando temas.List items and detail pages will automatically render the data, and be customized using themes.

DatePickerDatePicker

El DatePicker permite al usuario seleccionar una fecha dentro de un intervalo especificado.The DatePicker allows a user to select a date within a specified range. Se implementa mediante el selector de fecha admitido por la plataforma concreta donde se ejecuta la aplicación.It is implemented using the date picker supported by the particular platform that the application is run on.

Gráficos con SkiaSharpGraphics with SkiaSharp

Cómo incorporar gráficos en una aplicación de Xamarin.Forms con SkiaSharp.How to incorporate graphics into a Xamarin.Forms application using SkiaSharp.

ImágenesImages

Las imágenes se pueden compartir entre plataformas con Xamarin.Forms, se pueden cargar específicamente para cada plataforma, o se pueden descargar para su presentación.Images can be shared across platforms with Xamarin.Forms, they can be loaded specifically for each platform, or they can be downloaded for display.

ImageButtonImageButton

La ImageButton muestra una imagen y responde a un pulse o haga clic en que se dirige a una aplicación para llevar a cabo una tarea determinada.The ImageButton displays an image and responds to a tap or click that directs an application to carry out a particular task.

DiseñosLayouts

Xamarin.Forms tiene varios diseños para organizar contenidos en pantalla.Xamarin.Forms has several layouts for organizing on-screen content. StackLayout, Grid, FlexLayout, AbsoluteLayout, ScrollView, y RelativeLayout pueden ser utilizadas para crear interfaces de usuario atractivas y con capacidad de respuesta.StackLayout, Grid, FlexLayout, AbsoluteLayout, ScrollView, and RelativeLayout can each be used to create beautiful, responsive user interfaces.

ListViewListView

Xamarin.Forms proporciona un control de vista de lista para mostrar las filas de desplazamiento de datos.Xamarin.Forms provides a list view control to display scrolling rows of data. El control incluye acciones contextuales, HasUnevenRows ajuste de tamaño automático, personalización de separador, Deslizar para actualizar y encabezados y pies de página.The control includes contextual actions, HasUnevenRows automatic sizing, separator customization, pull-to-refresh, and headers and footers.

MapasMaps

Agregar mapas requiere una descarga del paquete NuGet adicional y alguna configuración específica de la plataforma.Adding maps requires an additional NuGet package download and some platform-specific configuration. Mapas y marcadores de pin pueden agregarse en unas pocas líneas de código una vez que se realiza la configuración.Maps and pin markers can be added in just a few lines of code once the configuration is done.

SelectorPicker

El Picker vista es un control para seleccionar un elemento de texto en una lista de datos.The Picker view is a control for selecting a text item from a list of data.

SliderSlider

El Slider permite al usuario seleccionar un valor numérico de un intervalo continuo.The Slider allows a user to select a numeric value from a continuous range.

Control de incrementoStepper

El Stepper permite al usuario seleccionar un valor numérico de un intervalo de valores.The Stepper allows a user to select a numeric value from a range of values. Consta de dos botones etiquetados con menos y signos más.It consists of two buttons labeled with minus and plus signs. Manipulación de los dos botones cambia el valor seleccionado de forma incremental.Manipulating the two buttons changes the selected value incrementally.

EstilosStyles

Fuente, color y otros atributos se pueden agrupar en estilos que se pueden compartir entre los controles, diseños o toda la aplicación mediante objetos ResourceDictionary.Font, color, and other attributes can be grouped into styles which can be shared across controls, layouts, or the entire application using ResourceDictionaries.

TableViewTableView

La vista de tabla es similar a una vista de lista, pero en lugar de que se está diseñando para las listas largas de datos está pensado para las pantallas de estilo de entrada de datos de desplazamiento de los controles o los menús desplegables simple.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.

TextoText

Xamarin.Forms tiene varias vistas para presentar y recibir el texto.Xamarin.Forms has several views for presenting and receiving text. Las vistas de texto pueden formatearlos y personalizadas para las plataformas.Text views can be formatted and customized for platforms. Configuración de la fuente específica puede habilitar la compatibilidad con características de accesibilidad.Specific font settings can enable compatibility with accessibility features.

TemasThemes

Los temas de Xamarin.Forms definen una apariencia visual específica para los controles estándar.Xamarin.Forms Themes define a specific visual appearance for the standard controls. Una vez que agregue un tema para el diccionario de recursos de la aplicación, cambiará la apariencia de los controles estándar.Once you add a theme to the application's resource dictionary, the appearance of the standard controls will change.

TimePickerTimePicker

El TimePicker permite al usuario seleccionar una hora.The TimePicker allows a user to select a time. Se implementa mediante el selector de hora compatible con la plataforma concreta donde se ejecuta la aplicación.It is implemented using the time picker supported by the particular platform that the application is run on.

VisualVisual

Este artículo presentan Xamarin.Forms Visual, que representa las vistas de forma idéntica, o idéntica en gran medida, en iOS y Android.This article introduces Xamarin.Forms Visual, which renders views identically, or largely identically, on iOS and Android.

Administrador de estado visualVisual State Manager

Visual State Manager proporciona una manera estructurada para desencadenar cambios en la interfaz de usuario desde el código, incluido el diseño que se adapta a los cambios en el tamaño o la orientación del dispositivo.The Visual State Manager provides a structured way to trigger changes in the user interface from code, including layout that adapts to changes in device orientation or size.

WebViewWebView

Xamarin.Forms usa el control del explorador web nativos en cada plataforma y puede mostrar cadenas Html generadas, los sitios Web y los recursos locales.Xamarin.Forms uses the native web browser control on each platform, and can display websites, local resources, and generated Html strings.