Contrôles

Parcourir l’exemple

L’interface utilisateur d’une application d’application multiplateforme .NET (.NET MAUI) est construite d’objets mappés aux contrôles natifs de chaque plateforme cible.

Les principaux groupes de contrôle utilisés pour créer l’interface utilisateur d’une application .NET MAUI sont des pages, des mises en page et des vues. Une page .NET MAUI occupe généralement l’écran complet ou la fenêtre. La page contient généralement une disposition, qui contient des vues et éventuellement d’autres dispositions. Les pages, les dispositions et les vues dérivent de la VisualElement classe. Cette classe fournit une variété de propriétés, de méthodes et d’événements qui sont utiles dans les classes dérivées.

Remarque

ListView et TableView prennent également en charge l’utilisation de cellules. Les cellules sont des éléments spécialisés utilisés pour les éléments d’un tableau, qui décrivent comment chaque élément doit être rendu.

Pages

Les applications .NET MAUI se composent d’une ou de plusieurs pages. Une page occupe généralement l’ensemble de l’écran ou de la fenêtre, et chaque page contient généralement au moins une disposition.

.NET MAUI contient les pages suivantes :

Page	Description
ContentPage	ContentPage affiche un affichage unique et est le type de page le plus courant. Pour plus d’informations, consultez ContentPage.
FlyoutPage	FlyoutPage est une page qui gère deux pages d’informations connexes : une page volante qui présente des éléments et une page de détails qui présente des détails sur les éléments de la page volante. Pour plus d’informations, consultez FlyoutPage.
NavigationPage	NavigationPage offre une expérience de navigation hiérarchique dans laquelle vous pouvez parcourir les pages, les avants et les arrières, comme vous le souhaitez. Pour plus d’informations, consultez NavigationPage.
TabbedPage	TabbedPage se compose d’une série de pages qui sont navigables par onglets en haut ou en bas de la page, chaque onglet chargeant le contenu de la page. Pour plus d’informations, consultez TabbedPage.

Dispositions

Les dispositions .NET MAUI sont utilisées pour composer des contrôles d’interface utilisateur dans des structures visuelles, et chaque disposition contient généralement plusieurs vues. Les classes de disposition contiennent généralement une logique pour définir la position et la taille des éléments enfants.

.NET MAUI contient les dispositions suivantes :

Disposition	Description
AbsoluteLayout	AbsoluteLayout positionne les éléments enfants à des emplacements spécifiques par rapport à son parent. Pour plus d’informations, consultez AbsoluteLayout.
BindableLayout	BindableLayout permet à n’importe quelle classe de disposition de générer son contenu en liant à une collection d’éléments, avec l’option permettant de définir l’apparence de chaque élément. Pour plus d’informations, consultez BindableLayout.
FlexLayout	FlexLayout permet à ses enfants d’être empilés ou encapsulés avec différentes options d’alignement et d’orientation. FlexLayoutest basé sur le module de disposition de boîte flexible CSS, appelé disposition flexible ou flex-box. Pour plus d’informations, consultez FlexLayout.
Grid	Grid positionne ses éléments enfants dans une grille de lignes et de colonnes. Pour plus d’informations, consultez Grid.
HorizontalStackLayout	HorizontalStackLayout positionne les éléments enfants dans une pile horizontale. Pour plus d’informations, consultez HorizontalStackLayout.
StackLayout	StackLayout positionne les éléments enfants dans une pile verticale ou horizontale. Pour plus d’informations, consultez StackLayout.
VerticalStackLayout	VerticalStackLayout positionne les éléments enfants dans une pile verticale. Pour plus d’informations, consultez VerticalStackLayout.

Vues

Les vues .NET MAUI sont les objets d’interface utilisateur tels que les étiquettes, les boutons et les curseurs communément appelés contrôles ou widgets dans d’autres environnements.

.NET MAUI contient les vues suivantes :

Affichage	Description
ActivityIndicator	ActivityIndicator utilise une animation pour montrer que l’application est engagée dans une activité longue, sans donner aucune indication de progression. Pour plus d’informations, consultez ActivityIndicator.
BlazorWebView	BlazorWebView vous permet d’héberger une application web Blazor dans votre application .NET MAUI. Pour plus d’informations, consultez BlazorWebView.
Border	Border est un contrôle conteneur qui dessine une bordure, un arrière-plan ou les deux, autour d’un autre contrôle. Pour plus d’informations, consultez Bordure.
BoxView	BoxView dessine un rectangle ou un carré, d’une largeur, d’une hauteur et d’une couleur spécifiées. Pour plus d’informations, consultez BoxView.
Button	Button affiche du texte et répond à un appui ou un clic qui dirige une application pour effectuer une tâche. Pour plus d’informations, consultez Bouton.
CarouselView	CarouselView affiche une liste modifiable d’éléments de données, où les utilisateurs effectuent un mouvement de balayage pour parcourir la collection. Pour plus d’informations, consultez CarouselView.
CheckBox	CheckBoxvous permet de sélectionner une valeur booléenne à l’aide d’un type de bouton pouvant être case activée ou vide. Pour plus d’informations, consultez CheckBox.
CollectionView	CollectionView affiche une liste modifiable d’éléments de données sélectionnables, à l’aide de différentes spécifications de disposition. Pour plus d’informations, consultez CollectionView.
ContentView	ContentView est un contrôle qui permet la création de contrôles personnalisés et réutilisables. Pour plus d’informations, consultez ContentView.
DatePicker	DatePicker vous permet de sélectionner une date avec le sélecteur de dates de plateforme. Pour plus d’informations, consultez DatePicker.
Editor	Editor vous permet d’entrer et de modifier plusieurs lignes de texte. Pour plus d’informations, consultez l’éditeur.
Ellipse	Ellipse affiche un ellipse ou un cercle. Pour plus d’informations, consultez Ellipse.
Entry	Entry vous permet d’entrer et de modifier une seule ligne de texte. Pour plus d’informations, consultez Entrée.
Frame	Frame est utilisé pour encapsuler une vue ou une disposition avec une bordure qui peut être configurée avec la couleur, l’ombre et d’autres options. Pour plus d’informations, consultez Frame.
GraphicsView	GraphicsView est un canevas graphique sur lequel les graphiques 2D peuvent être dessinés à l’aide de types à partir de l’espace Microsoft.Maui.Graphics de noms. Pour plus d’informations, consultez GraphicsView.
Image	Image affiche une image qui peut être chargée à partir d’un fichier local, d’un URI, d’une ressource incorporée ou d’un flux. Pour plus d’informations, consultez Image.
ImageButton	ImageButton affiche une image et répond à un appui ou un clic qui dirige une application pour effectuer une tâche. Pour plus d’informations, consultez ImageButton.
IndicatorView	IndicatorView affiche les indicateurs qui représentent le nombre d’éléments d’un CarouselView. Pour plus d’informations, consultez IndicatorView.
Label	Label affiche le texte à une seule ligne et à plusieurs lignes. Pour plus d’informations, consultez Étiquette.
Line	Line affiche une ligne d’un point de départ à un point de terminaison. Pour plus d’informations, consultez Ligne.
ListView	ListView affiche une liste modifiable d’éléments de données sélectionnables. Pour plus d’informations, consultez ListView.
Map	Mapaffiche une carte et nécessite Microsoft.Maui.Controls.Cartes Package NuGet à installer dans votre application.
Path	Path afficher des courbes et des formes complexes. Pour plus d’informations, consultez Chemin d’accès.
Picker	Picker affiche une courte liste d’éléments, à partir duquel un élément peut être sélectionné. Pour plus d’informations, consultez Sélecteur.
Polygon	Polygon affiche un polygone. Pour plus d’informations, consultez Polygon.
Polyline	Polyline affiche une série de lignes droites connectées. Pour plus d’informations, consultez Polyline.
ProgressBar	ProgressBar utilise une animation pour montrer que l’application progresse dans une activité longue. Pour plus d’informations, consultez ProgressBar.
RadioButton	RadioButton est un type de bouton qui autorise la sélection d’une option à partir d’un ensemble. Pour plus d’informations, consultez RadioButton.
Rectangle	Rectangle affiche un rectangle ou un carré. Pour plus d’informations, consultez Rectangle.
RefreshView	RefreshView est un contrôle de conteneur qui fournit des fonctionnalités d’extraction à actualisation pour le contenu défilant. Pour plus d’informations, consultez RefreshView.
RoundRectangle	RoundRectangle affiche un rectangle ou un carré avec des angles arrondis. Pour plus d’informations, consultez Rectangle.
ScrollView	ScrollView fournit le défilement de son contenu, qui est généralement une disposition. Pour plus d’informations, consultez ScrollView.
SearchBar	SearchBar est un contrôle d’entrée utilisateur utilisé pour lancer une recherche. Pour plus d’informations, consultez SearchBar.
Slider	Slider vous permet de sélectionner une double valeur dans une plage continue. Pour plus d’informations, consultez Slider.
Stepper	Stepper vous permet de sélectionner une double valeur dans une plage de valeurs incrémentielles. Pour plus d’informations, consultez Stepper.
SwipeView	SwipeView est un contrôle conteneur qui encapsule un élément de contenu et fournit des éléments de menu contextuel qui sont révélés par un mouvement de balayage. Pour plus d’informations, consultez SwipeView.
Switch	Switch vous permet de sélectionner une valeur booléenne à l’aide d’un type de bouton qui peut être activé ou désactivé. Pour plus d’informations, consultez Switch.
TableView	TableView affiche un tableau d’éléments défilants pouvant être regroupés en sections. Pour plus d’informations, consultez TableView.
TimePicker	TimePicker vous permet de sélectionner une heure avec le sélecteur de temps de plateforme. Pour plus d’informations, consultez TimePicker.
TwoPaneView	TwoPaneView représente un conteneur avec deux vues qui dimensionnent et positionnent leur contenu dans l’espace disponible, côte à côte ou en haut à bas. Pour plus d’informations, consultez TwoPaneView.
WebView	WebView affiche des pages web ou du contenu HTML local. Pour plus d’informations, consultez WebView.