Steuerelemente

Durchsuchen Sie das Beispiel

Die Benutzeroberfläche einer .NET Multi-Platform (.NET MAUI)-App besteht aus Objekten, die den nativen Steuerelementen jeder Zielplattform zugeordnet sind.

Die Hauptsteuerelementgruppen, die zum Erstellen der Benutzeroberfläche einer .NET MAUI-App verwendet werden, sind Seiten, Layouts und Ansichten. Eine .NET MAUI-Seite nimmt im Allgemeinen den gesamten Bildschirm oder das gesamte Fenster ein. Die Seite enthält normalerweise ein Layout, das Ansichten und möglicherweise andere Layouts enthält. Seiten, Layouts und Ansichten leiten sich von der VisualElement-Klasse ab. Diese Klasse stellt eine Vielzahl von Eigenschaften, Methoden und Ereignissen bereit, die in abgeleiteten Klassen nützlich sind.

Hinweis

Auch ListView und TableView unterstützen die Verwendung von Zellen. Zellen sind spezielle Elemente, die für Elemente in einer Tabelle verwendet werden und die beschreiben, wie jedes Element gerendert werden soll.

Seiten

.NET MAUI-Apps bestehen aus einer oder mehreren Seiten. Eine Seite belegt meist den gesamten Bildschirm bzw. das gesamte Fenster, und jede Seite enthält in der Regel mindestens ein Layout.

.NET MAUI enthält die folgenden Seiten:

Seite	Beschreibung
ContentPage	ContentPage zeigt eine einzelne Ansicht an und ist der am häufigsten verwendete Seitentyp. Weitere Informationen finden Sie unter ContentPage.
FlyoutPage	FlyoutPage ist eine Seite, die zwei verwandte Seiten mit Informationen verwaltet – eine Flyout-Seite, die Elemente darstellt, und eine Detailseite, die Informationen zu Elementen auf der Flyout-Seite darstellt. Weitere Informationen finden Sie unter FlyoutPage.
NavigationPage	NavigationPage stellt eine hierarchische Navigation bereit, bei welcher Sie wie gewünscht in der Vorwärts- und in der Rückwärtsrichtung durch Seiten navigieren können. Weitere Informationen finden Sie unter NavigationPage.
TabbedPage	TabbedPage besteht aus einer Reihe von Seiten, die von Registerkarten über den oberen oder unteren Seitenrand navigierbar sind, wobei jede Registerkarte den Seiteninhalt lädt. Weitere Informationen finden Sie unter TabbedPage.

Layouts

.NET MAUI-Layouts werden zum Erstellen von Benutzeroberflächen-Steuerelementen in visuelle Strukturen verwendet, und jedes Layout enthält in der Regel mehrere Ansichten. Layout-Klassen enthalten in der Regel Logik zum Festlegen der Position und Größe von untergeordneten Elementen.

.NET MAUI enthält die folgenden Layouts:

Layout	Beschreibung
AbsoluteLayout	AbsoluteLayout positioniert untergeordnete Elemente an bestimmten Positionen relativ zum übergeordneten Element. Weitere Informationen finden Sie unter AbsoluteLayout.
BindableLayout	BindableLayout ermöglicht es jeder Layout-Klasse, den Inhalt zu generieren, indem er an eine Sammlung von Elementen gebunden wird, mit der Option, die Darstellung der einzelnen Elemente festzulegen. Weitere Informationen finden Sie unter BindableLayout.
FlexLayout	FlexLayout ermöglicht es den untergeordneten Elementen, mit unterschiedlichen Ausrichtungsoptionen gestapelt oder umgebrochen zu werden. FlexLayout basiert auf dem CSS Flexible Box Layout Module, das als Flexlayout oder Flexbox bezeichnet wird. Weitere Informationen finden Sie unter FlexLayout.
Grid	Grid positioniert seine untergeordneten Elemente in einem Raster von Zeilen und Spalten. Weitere Informationen finden Sie unter Raster.
HorizontalStackLayout	HorizontalStackLayout positioniert untergeordnete Elemente in einem horizontalen Stapel. Weitere Informationen finden Sie unter HorizontalStackLayout.
StackLayout	StackLayout positioniert untergeordnete Elemente in einem vertikalen oder horizontalen Stapel. Weitere Informationen finden Sie unter StackLayout.
VerticalStackLayout	VerticalStackLayout positioniert untergeordnete Elemente in einem vertikalen Stapel. Weitere Informationen finden Sie unter VerticalStackLayout.

Ansichten

.NET MAUI-Ansichten sind die UI-Objekte wie Bezeichnungen, Schaltflächen und Schieberegler, die häufig als Steuerelemente oder Widgets in anderen Umgebungen bezeichnet werden.

.NET MAUI umfasst die folgenden Ansichten:

Sicht	Beschreibung
ActivityIndicator	ActivityIndicator zeigt anhand einer Animation, dass die App dabei ist, einen länger andauernden Vorgang auszuführen, ohne einen Hinweis auf den Fortschritt zu geben. Weitere Informationen finden Sie unter ActivityIndicator.
BlazorWebView	BlazorWebView ermöglicht es Ihnen, eine Blazor-Web-App in Ihrer .NET MAUI-App zu hosten. Weitere Informationen finden Sie unter BlazorWebView.
Border	Border ist ein Containersteuerelement, das einen Rahmen, einen Hintergrund oder beides um ein anderes Steuerelement zeichnet. Weitere Informationen finden Sie unter Border.
BoxView	BoxView zeichnet ein Rechteck oder ein Quadrat mit einer angegebenen Breite, Höhe und Farbe. Weitere Informationen finden Sie unter BoxView.
Button	Button zeigt Text an und reagiert auf ein Tippen oder Klicken, das eine App anweist, eine Aufgabe auszuführen. Weitere Informationen finden Sie unter Button.
CarouselView	CarouselView zeigt eine scrollbare Liste mit Datenelementen an, in der Benutzer*innen mithilfe von Wischbewegungen durch die Sammlung navigieren können. Weitere Informationen finden Sie unter CarouselView.
CheckBox	CheckBox ermöglicht es Ihnen, einen booleschen Wert mithilfe eines Schaltflächentyps auszuwählen, der entweder aktiviert oder deaktiviert sein kann. Weitere Informationen finden Sie unter CheckBox.
CollectionView	CollectionView zeigt eine scrollbare Liste von auswählbaren Datenelementen mit unterschiedlichen Layoutspezifikationen an. Weitere Informationen finden Sie unter : CollectionView.
ContentView	ContentView ist ein Steuerelement, das das Erstellen von benutzerdefinierten, wiederverwendbaren Steuerelementen ermöglicht. Weitere Informationen finden Sie unter ContentView.
DatePicker	DatePicker ermöglicht es Ihnen, ein Datum mithilfe der Datumsauswahl der Plattform auszuwählen. Weitere Informationen finden Sie unter DatePicker.
Editor	Editor ermöglicht es Ihnen, mehrere Textzeilen einzugeben und zu bearbeiten. Weitere Informationen finden Sie unter Editor.
Ellipse	Ellipse zeigt eine Ellipse oder einen Kreis an. Weitere Informationen finden Sie unter Ellipse.
Entry	Entry ermöglicht es Ihnen, eine einzelne Textzeile einzugeben und zu bearbeiten. Weitere Informationen finden Sie unter Entry.
Frame	Frame wird verwendet, um eine Ansicht oder ein Layout mit einem Rahmen zu umschließen, der mit Farbe, Schatten und anderen Optionen konfiguriert werden kann. Weitere Informationen finden Sie unter Frame.
GraphicsView	GraphicsView ist ein Grafikbereich, auf dem 2D-Grafiken mithilfe von Typen aus dem Microsoft.Maui.Graphics-Namespace gezeichnet werden können. Weitere Informationen finden Sie unter GraphicsView.
Image	Image zeigt ein Bild an, das aus einer lokalen Datei, einem URI, einer eingebetteten Ressource oder einem Datenstrom geladen werden kann. Weitere Informationen finden Sie unter Image.
ImageButton	ImageButton zeigt ein Bild an und reagiert auf ein Tippen oder Klicken, das eine App anweist, eine Aufgabe auszuführen. Weitere Informationen finden Sie unter ImageButton.
IndicatorView	IndicatorView zeigt Indikatoren an, die die Anzahl der Elemente in einer CarouselView darstellen. Weitere Informationen finden Sie unter IndicatorView.
Label	Label zeigt einzeiligen und mehrzeiligen Text an. Weitere Informationen finden Sie unter Label.
Line	Line zeigt eine Linie vom Startpunkt bis zu ihrem Endpunkt an. Weitere Informationen finden Sie unter Line.
ListView	ListView zeigt eine scrollbare Liste mit auswählbaren Datenelementen an. Weitere Informationen finden Sie unter ListView.
Map	Map zeigt eine Karte an und erfordert, dass das NuGet-Paket Microsoft.Maui.Controls.Maps in Ihrer App installiert wird.
Path	Path zeigt Kurven und komplexe Formen an. Weitere Informationen finden Sie unter Path.
Picker	Picker zeigt eine kurze Liste von Elementen an, aus denen ein Element ausgewählt werden kann. Weitere Informationen finden Sie unter Picker.
Polygon	Polygon zeigt ein Polygon an. Weitere Informationen finden Sie unter Polygon.
Polyline	Polyline zeigt eine Reihe verbundener gerader Linien an. Weitere Informationen finden Sie unter Polyline.
ProgressBar	ProgressBar zeigt anhand einer Animation, dass die App dabei ist, einen länger andauernden Vorgang auszuführen. Weitere Informationen finden Sie unter ProgressBar.
RadioButton	RadioButton ist ein Schaltflächentyp, der die Auswahl einer Option aus einem Satz zulässt. Weitere Informationen finden Sie unter RadioButton.
Rectangle	Rectangle zeigt ein Rechteck oder ein Quadrat an. Weitere Informationen finden Sie unter Rectangle.
RefreshView	RefreshView ist ein Containersteuerelement, das eine Pull-to-Refresh-Funktion für scrollbare Inhalte bereitstellt. Weitere Informationen finden Sie unter RefreshView.
RoundRectangle	RoundRectangle zeigt ein Rechteck oder ein Quadrat mit abgerundeten Ecken an. Weitere Informationen finden Sie unter Rectangle.
ScrollView	ScrollView stellt einen Bildlauf für den Inhalt bereit, bei dem es sich in der Regel um ein Layout handelt. Weitere Informationen finden Sie unter ScrollView.
SearchBar	SearchBar ist ein Benutzereingabe-Steuerelement, das zum Initiieren einer Suche verwendet wird. Weitere Informationen finden Sie unter SearchBar.
Slider	Slider ermöglicht es Ihnen, einen double-Wert aus einem fortlaufenden Bereich auszuwählen. Weitere Informationen finden Sie unter Slider.
Stepper	Stepper ermöglicht es Ihnen, einen double-Wert aus einem Bereich inkrementeller Werte auszuwählen. Weitere Informationen finden Sie unter Stepper.
SwipeView	SwipeView ist ein Containersteuerelement, das ein Inhaltselement umschließt und Kontextmenüelemente bereitstellt, die durch eine Wischgeste angezeigt werden. Weitere Informationen finden Sie unter SwipeView.
Switch	Switch ermöglicht es Ihnen, einen booleschen Wert mithilfe eines Schaltflächentyps auszuwählen, der entweder ein- oder ausgeschaltet sein kann. Weitere Informationen finden Sie unter Switch.
TableView	TableView zeigt eine Tabelle mit scrollbaren Elementen an, die in Abschnitte gruppiert werden können. Weitere Informationen finden Sie unter TableView.
TimePicker	TimePicker ermöglicht es Ihnen, eine Uhrzeit mit der Zeitauswahl der Plattform auszuwählen. Weitere Informationen finden Sie unter TimePicker.
TwoPaneView	TwoPaneView steht für einen Container mit zwei Ansichten, die eine Größenanpassung und Positionierung von Inhalten im verfügbaren Bereich ermöglichen, entweder nebeneinander oder oben-nach-unten. Weitere Informationen finden Sie unter TwoPaneView.
WebView	WebView zeigt Webseiten oder lokale HTML-Inhalte an. Weitere Informationen finden Sie unter WebView.