Android controles (Widgets)Android Controls (Widgets)

Xamarin.Android expone todos los controles de interfaz de usuario nativa (widgets) proporcionados por Android.Xamarin.Android exposes all of the native user interface controls (widgets) provided by Android. Estos controles pueden agregarse fácilmente a las aplicaciones de Xamarin.Android mediante el Diseñador de Android o mediante programación a través de archivos de diseño XML.These controls can be easily added to Xamarin.Android apps using the Android Designer or programatically via XML layout files. Independientemente del método que elija, Xamarin.Android expone todas las propiedades del objeto de interfaz de usuario y los métodos en C#.Regardless of which method you choose, Xamarin.Android exposes all of the user interface object properties and methods in C#. Las secciones siguientes presentan los controles de interfaz de usuario de Android más comunes y explican cómo incorporarlos a aplicaciones de Xamarin.Android.The following sections introduce the most common Android user interface controls and explain how to incorporate them into Xamarin.Android apps.

Barra de accionesAction Bar

ActionBar es una barra de herramientas que muestra el título de la actividad, las interfaces de navegación y otros elementos interactivos.ActionBar is a toolbar that displays the activity title, navigation interfaces, and other interactive items. Normalmente, la barra de acciones aparece en la parte superior de la ventana de la actividad.Typically, the action bar appears at the top of an activity's window.

Barra de acciones de ejemplo

AutocompletarAuto Complete

AutoCompleteTextView es un elemento de vista de texto editable que muestra sugerencias de finalización automáticamente mientras el usuario está escribiendo.AutoCompleteTextView is an editable text view element that shows completion suggestions automatically while the user is typing. La lista de sugerencias se muestra en un menú desde el que el usuario puede elegir un elemento que se va a reemplazar el contenido del cuadro de edición con desplegable.The list of suggestions is displayed in a drop down menu from which the user can choose an item to replace the content of the edit box with.

Ejemplo de Autocompletar

BotonesButtons

Los botones son elementos de interfaz de usuario que el usuario puntea para llevar a cabo una acción.Buttons are UI elements that the user taps to perform an action.

Botones de ejemplo

CalendarCalendar

La Calendar clase se utiliza para convertir una instancia específica de tiempo (un valor de milisegundos que se desplaza desde la época) para valores como año, mes, hora, día del mes y la fecha de la semana siguiente.The Calendar class is used for converting a specific instance in time (a millisecond value that is offset from the epoch) to values such as year, month, hour, day of the month, and the date of the next week. Calendar admite una gran variedad de opciones de interacción con los datos de calendario, incluida la capacidad para leer y escribir los eventos, los asistentes y avisos.Calendar supports a wealth of interaction options with calendar data, including the ability to read and write events, attendees, and reminders. Mediante el proveedor de calendario en la aplicación, datos agregados a través de la API aparecerá en la aplicación de calendario integrada que se incluye con Android.By using the calendar provider in your application, data you add through the API will appear in the built-in calendar app that comes with Android.

Calendario de ejemplo

CardViewCardView

CardView es un componente de interfaz de usuario que presenta el contenido de texto e imagen en vistas que son similares a las tarjetas.CardView is a UI component that presents text and image content in views that resemble cards. CardView se implementa como un FrameLayout widget con esquinas redondeadas y una sombra.CardView is implemented as a FrameLayout widget with rounded corners and a shadow. Normalmente, un CardView se utiliza para presentar un elemento de fila única en un ListView o GridView grupo ver.Typically, a CardView is used to present a single row item in a ListView or GridView view group.

Vista de tarjetas de ejemplo

Editar textoEdit Text

EditText es un elemento de interfaz de usuario que se usa para escribir y modificar el texto.EditText is a UI element that is used for entering and modifying text.

Editar el texto de ejemplo

GaleríaGallery

Gallery es un widget de diseño que se usa para mostrar los elementos en una lista de desplazamiento horizontal; coloca la selección actual en el centro de la vista.Gallery is a layout widget that is used to display items in a horizontally scrolling list; it positions the current selection at the center of the view.

Galería de ejemplo

El barra de navegación proporciona controles de navegación en los dispositivos que no incluyen los botones de hardware para inicio, Atrás, y menú.The Navigation Bar provides navigation controls on devices that do not include hardware buttons for Home, Back, and Menu.

Barra de navegación de ejemplo

SelectoresPickers

Selectores son elementos de interfaz de usuario que permiten al usuario seleccionar una fecha o una hora mediante el uso de los cuadros de diálogo proporcionados por Android.Pickers are UI elements that allow the user to pick a date or a time by using dialogs that are provided by Android.

Selector de ejemplo

PopupMenu se utiliza para mostrar los menús emergentes que están conectados a una vista determinada.PopupMenu is used for displaying popup menus that are attached to a particular view.

Menú emergente de ejemplo

RatingBarRatingBar

Un RatingBar es un elemento de interfaz de usuario que se muestra una clasificación de estrellas.A RatingBar is a UI element that displays a rating in stars.

Ejemplo de un RatingBar

SpinnerSpinner

Spinner es un elemento de interfaz de usuario que proporciona una forma rápida de seleccionar un valor de un conjunto.Spinner is a UI element that provides a quick way to select one value from a set. Es simmilar a una lista desplegable.It is simmilar to a drop-down list.

Número de ejemplo

SwitchSwitch

Switch es un elemento de interfaz de usuario que permite a los usuarios alternar entre dos Estados, como en o desactivado.Switch is a UI element that allows a user to toggle between two states, such as ON or OFF. El Switch valor predeterminado es OFF.The Switch default value is OFF.

Conmutador de ejemplo

TextureViewTextureView

TextureView es una vista que usa la representación 2D y acelerados por hardware para habilitar un vídeo o una secuencia de contenido de OpenGL para mostrarse.TextureView is a view that uses hardware-accelerated 2D rendering to enable a video or OpenGL content stream to be displayed.

Vista de textura de ejemplo

ToolBarToolBar

El Toolbar widget (introducida en Android 5.0 Lollipop) puede considerarse una generalización de la interfaz de la barra de acción – está diseñado para reemplazar la barra de acciones.The Toolbar widget (introduced in Android 5.0 Lollipop) can be thought of as a generalization of the action bar interface – it is intended to replace the action bar. El Toolbar se pueden usar en cualquier lugar en un diseño de la aplicación y es mucho más personalizable que una barra de acciones.The Toolbar can be used anywhere in an app layout, and it is much more customizable than an action bar.

Barra de herramientas de ejemplo

ViewPagerViewPager

El ViewPager es un administrador de diseño que permite al usuario voltear left y right a través de páginas de datos.The ViewPager is a layout manager that allows the user to flip left and right through pages of data.

ViewPager de ejemplo

WebViewWebView

WebView es un elemento de interfaz de usuario que le permite crear su propia ventana para ver las páginas web (o incluso desarrollar un explorador completando).WebView is a UI element that allows you to create your own window for viewing web pages (or even develop a complete browser).

Vista Web de ejemplo