Controles

Examinar el ejemplo

La interfaz de usuario de una aplicación de aplicación multiplataforma de .NET (.NET MAUI) se construye de objetos que se asignan a los controles nativos de cada plataforma de destino.

Los grupos de controles principales que se usan para crear la interfaz de usuario de una aplicación MAUI de .NET son páginas, diseños y vistas. Una página de .NET MAUI normalmente ocupa la pantalla completa o la ventana. La página normalmente contiene un diseño, que contiene vistas y posiblemente otros diseños. Las páginas, los diseños y las vistas derivan de la VisualElement clase . Esta clase proporciona una variedad de propiedades, métodos y eventos que son útiles en las clases derivadas.

Nota:

ListView y TableView también admiten el uso de celdas. Las celdas son elementos especializados que se usan para los elementos de una tabla, que describen cómo se debe representar cada elemento.

Páginas

Las aplicaciones MAUI de .NET constan de una o varias páginas. Normalmente, una página ocupa toda la pantalla, o ventana, y cada página normalmente contiene al menos un diseño.

.NET MAUI contiene las páginas siguientes:

Página	Descripción
ContentPage	ContentPage muestra una sola vista y es el tipo de página más común. Para obtener más información, vea ContentPage.
FlyoutPage	FlyoutPage es una página que administra dos páginas relacionadas de información: una página de control flotante que presenta elementos y una página de detalles que presenta detalles sobre los elementos de la página de control flotante. Para obtener más información, vea FlyoutPage.
NavigationPage	NavigationPage proporciona una experiencia de navegación jerárquica en la que puede navegar por páginas, hacia delante y hacia atrás, según sea necesario. Para obtener más información, vea NavigationPage.
TabbedPage	TabbedPage consta de una serie de páginas que se pueden navegar por pestañas en la parte superior o inferior de la página, con cada pestaña cargando el contenido de la página. Para obtener más información, vea TabbedPage.

Diseños

Los diseños MAUI de .NET se usan para crear controles de interfaz de usuario en estructuras visuales y cada diseño normalmente contiene varias vistas. Las clases de diseño suelen contener lógica para establecer la posición y el tamaño de los elementos secundarios.

.NET MAUI contiene los siguientes diseños:

Diseño	Descripción
AbsoluteLayout	AbsoluteLayout coloca los elementos secundarios en ubicaciones específicas en relación con su elemento primario. Para obtener más información, vea AbsoluteLayout.
BindableLayout	BindableLayout permite que cualquier clase de diseño genere su contenido enlazando a una colección de elementos, con la opción de establecer la apariencia de cada elemento. Para obtener más información, vea BindableLayout.
FlexLayout	FlexLayout permite que sus elementos secundarios se apilan o encapsulan con diferentes opciones de alineación y orientación. FlexLayout se basa en el módulo de diseño flexible de cuadros CSS, conocido como diseño flexible o flex-box. Para obtener más información, consulte FlexLayout.
Grid	Grid coloca sus elementos secundarios en una cuadrícula de filas y columnas. Para obtener más información, vea Grid.
HorizontalStackLayout	HorizontalStackLayout coloca los elementos secundarios en una pila horizontal. Para obtener más información, vea HorizontalStackLayout.
StackLayout	StackLayout coloca los elementos secundarios en una pila vertical u horizontal. Para obtener más información, consulte StackLayout.
VerticalStackLayout	VerticalStackLayout coloca los elementos secundarios en una pila vertical. Para obtener más información, vea VerticalStackLayout.

Vistas

Las vistas MAUI de .NET son objetos de interfaz de usuario, como etiquetas, botones y controles deslizantes que se conocen normalmente como controles o widgets en otros entornos .

.NET MAUI contiene las siguientes vistas:

Ver	Descripción
ActivityIndicator	ActivityIndicator usa una animación para mostrar que la aplicación se dedica a una actividad larga, sin dar ninguna indicación de progreso. Para obtener más información, vea ActivityIndicator.
BlazorWebView	BlazorWebView permite hospedar una aplicación web blazor en la aplicación MAUI de .NET. Para obtener más información, vea BlazorWebView.
Border	Border es un control contenedor que dibuja un borde, un fondo o ambos, alrededor de otro control. Para obtener más información, vea Borde.
BoxView	BoxView dibuja un rectángulo o cuadrado, de un ancho, un alto y un color especificados. Para obtener más información, vea BoxView.
Button	Button muestra texto y responde a una pulsación o un clic que dirige a una aplicación para llevar a cabo una tarea. Para obtener más información, vea Botón.
CarouselView	CarouselView muestra una lista desplazable de elementos de datos, donde los usuarios deslizan el dedo para desplazarse por la colección. Para obtener más información, vea CarouselView.
CheckBox	CheckBox permite seleccionar un valor booleano mediante un tipo de botón que se puede comprobar o vaciar. Para obtener más información, vea CheckBox.
CollectionView	CollectionView muestra una lista desplazable de elementos de datos seleccionables, utilizando diferentes especificaciones de diseño. Para obtener más información, vea CollectionView.
ContentView	ContentView es un control que permite la creación de controles personalizados y reutilizables. Para obtener más información, vea ContentView.
DatePicker	DatePicker permite seleccionar una fecha con el selector de fecha de la plataforma. Para obtener más información, vea DatePicker.
Editor	Editor permite escribir y editar varias líneas de texto. Para obtener más información, vea Editor.
Ellipse	Ellipse muestra una elipse o un círculo. Para obtener más información, vea Ellipse.
Entry	Entry permite escribir y editar una sola línea de texto. Para obtener más información, vea Entrada.
Frame	Frame se usa para ajustar una vista o diseño con un borde que se puede configurar con color, sombra y otras opciones. Para obtener más información, vea Frame.
GraphicsView	GraphicsView es un lienzo gráfico en el que se pueden dibujar gráficos 2D mediante tipos del Microsoft.Maui.Graphics espacio de nombres. Para obtener más información, vea GraphicsView.
Image	Image muestra una imagen que se puede cargar desde un archivo local, un URI, un recurso incrustado o una secuencia. Para obtener más información, vea Imagen.
ImageButton	ImageButton muestra una imagen y responde a una pulsación o un clic que dirige una aplicación para llevar a cabo una tarea. Para obtener más información, consulte ImageButton.
IndicatorView	IndicatorView muestra indicadores que representan el número de elementos de un CarouselViewobjeto . Para obtener más información, vea IndicatorView.
Label	Label muestra texto de una sola línea y de varias líneas. Para obtener más información, vea Etiqueta.
Line	Line muestra una línea de un punto de inicio a un punto final. Para obtener más información, vea Línea.
ListView	ListView muestra una lista desplazable de elementos de datos seleccionables. Para obtener más información, vea ListView.
Path	Path mostrar curvas y formas complejas. Para obtener más información, vea Ruta de acceso.
Picker	Picker muestra una breve lista de elementos, desde los que se puede seleccionar un elemento. Para obtener más información, vea Selector.
Polygon	Polygon muestra un polígono. Para obtener más información, vea Polygon.
Polyline	Polyline muestra una serie de líneas rectas conectadas. Para obtener más información, consulte Polilínea.
ProgressBar	ProgressBar usa una animación para mostrar que la aplicación progresa a través de una actividad larga. Para obtener más información, vea ProgressBar.
RadioButton	RadioButton es un tipo de botón que permite la selección de una opción de un conjunto. Para obtener más información, vea RadioButton.
Rectangle	Rectangle muestra un rectángulo o cuadrado. Para obtener más información, vea Rectángulo.
RefreshView	RefreshView es un control de contenedor que proporciona funcionalidad de extracción para actualizar contenido desplazable. Para obtener más información, vea RefreshView.
RoundRectangle	RoundRectangle muestra un rectángulo o cuadrado con esquinas redondeadas. Para obtener más información, vea Rectángulo.
ScrollView	ScrollView proporciona desplazamiento de su contenido, que suele ser un diseño. Para obtener más información, vea ScrollView.
SearchBar	SearchBar es un control de entrada de usuario que se usa para iniciar una búsqueda. Para obtener más información, vea SearchBar.
Slider	Slider permite seleccionar un double valor de un intervalo continuo. Para obtener más información, consulte Control deslizante.
Stepper	Stepper permite seleccionar un double valor de un intervalo de valores incrementales. Para obtener más información, consulte Stepper.
SwipeView	SwipeView es un control de contenedor que se ajusta alrededor de un elemento de contenido y proporciona elementos de menú contextual que se revelan mediante un gesto de deslizar el dedo. Para obtener más información, vea SwipeView.
Switch	Switch permite seleccionar un valor booleano mediante un tipo de botón que puede estar activado o desactivado. Para obtener más información, vea Cambiar.
TableView	TableView muestra una tabla de elementos desplazables que se pueden agrupar en secciones. Para obtener más información, vea TableView.
TimePicker	TimePicker permite seleccionar una hora con el selector de hora de la plataforma. Para obtener más información, consulte TimePicker.
WebView	WebView muestra páginas web o contenido HTML local. Para obtener más información, vea WebView.