Ovládací prvky

Projděte si ukázku.

Uživatelské rozhraní aplikace .NET Multi-platform App UI (.NET MAUI) je tvořeno objekty, které se mapují na nativní ovládací prvky každé cílové platformy.

Hlavní řídicí skupiny používané k vytvoření uživatelského rozhraní aplikace .NET MAUI jsou stránky, rozložení a zobrazení. Stránka .NET MAUI obvykle zabírá celou obrazovku nebo okno. Stránka obvykle obsahuje rozložení, které obsahuje zobrazení a případně jiná rozložení. Stránky, rozložení a zobrazení jsou odvozeny od VisualElement třídy. Tato třída poskytuje různé vlastnosti, metody a události, které jsou užitečné v odvozených třídách.

Poznámka

ListView a TableView také podporuje použití buněk. Buňky jsou specializované prvky používané pro položky v tabulce, které popisují, jak se mají jednotlivé položky vykreslit.

Stránky

Aplikace .NET MAUI se skládají z jedné nebo více stránek. Stránka obvykle zabírá celou obrazovku nebo okno a každá stránka obvykle obsahuje aspoň jedno rozložení.

Rozhraní .NET MAUI obsahuje následující stránky:

Stránka	Description
ContentPage	ContentPage zobrazí jedno zobrazení a je nejběžnějším typem stránky. Další informace naleznete v tématu ContentPage.
FlyoutPage	FlyoutPage je stránka, která spravuje dvě související stránky informací – informační stránku, která obsahuje položky, a stránku podrobností, která obsahuje podrobnosti o položkách na informační stránce. Další informace naleznete v části FlyoutPage.
NavigationPage	NavigationPage poskytuje hierarchické navigační prostředí, kde můžete podle potřeby procházet stránky, dopředu a dozadu. Další informace naleznete v části NavigationPage.
TabbedPage	TabbedPage se skládá z řady stránek, které se dají procházet kartami v horní nebo dolní části stránky, přičemž každá karta načítá obsah stránky. Další informace najdete v tématu TabbedPage.

Rozložení

Rozložení .NET MAUI se používají k vytváření ovládacích prvků uživatelského rozhraní do vizuálních struktur a každé rozložení obvykle obsahuje více zobrazení. Třídy rozložení obvykle obsahují logiku pro nastavení pozice a velikosti podřízených prvků.

Rozhraní .NET MAUI obsahuje následující rozložení:

Layout	Description
AbsoluteLayout	AbsoluteLayout umístí podřízené prvky v konkrétních umístěních vzhledem k nadřazenosti. Další informace naleznete v tématu AbsoluteLayout.
BindableLayout	BindableLayout umožňuje libovolné třídě rozložení vygenerovat svůj obsah vazbou na kolekci položek s možností nastavit vzhled každé položky. Další informace naleznete v tématu BindableLayout.
FlexLayout	FlexLayout umožňuje jejich podřízené objekty být skládané nebo zabalené s různými možnostmi zarovnání a orientace. FlexLayout je založen na modulu rozložení flexibilního boxu CSS, který se označuje jako flexibilní rozložení nebo flex-box. Další informace naleznete v tématu FlexLayout.
Grid	Grid umístí jeho podřízené prvky do mřížky řádků a sloupců. Další informace najdete v tématu Grid.
HorizontalStackLayout	HorizontalStackLayout umístí podřízené prvky do vodorovného zásobníku. Další informace naleznete v tématu HorizontalStackLayout.
StackLayout	StackLayout umístí podřízené prvky do svislého nebo vodorovného zásobníku. Další informace najdete v tématu StackLayout.
VerticalStackLayout	VerticalStackLayout umístí podřízené prvky do svislého zásobníku. Další informace naleznete v tématu VerticalStackLayout.

Zobrazení

Zobrazení rozhraní .NET MAUI jsou objekty uživatelského rozhraní, jako jsou popisky, tlačítka a posuvníky, které se v jiných prostředích běžně označují jako ovládací prvky nebo widgety .

Rozhraní .NET MAUI obsahuje následující zobrazení:

Zobrazení	Description
ActivityIndicator	ActivityIndicator používá animaci k zobrazení, že je aplikace zapojená do zdlouhavé aktivity, aniž by to značí průběh. Další informace najdete v tématu ActivityIndicator.
BlazorWebView	BlazorWebView umožňuje hostovat webovou aplikaci Blazor ve vaší aplikaci .NET MAUI. Další informace naleznete v tématu BlazorWebView.
Border	Border je ovládací prvek kontejneru, který kolem jiného ovládacího prvku nakreslí ohraničení, pozadí nebo obojí. Další informace naleznete v tématu Ohraničení.
BoxView	BoxView nakreslí obdélník nebo čtverec se zadanou šířkou, výškou a barvou. Další informace naleznete v části BoxView.
Button	Button zobrazí text a odpoví klepnutím nebo kliknutím, který aplikaci přesměruje k provedení úkolu. Další informace najdete v tématu Tlačítko.
CarouselView	CarouselView zobrazí posuvný seznam datových položek, kde uživatelé potáhnutím prstem prochází kolekcí. Další informace naleznete v tématu CarouselView.
CheckBox	CheckBox umožňuje vybrat logickou hodnotu pomocí typu tlačítka, které lze zkontrolovat nebo vyprázdnit. Další informace naleznete v tématu CheckBox.
CollectionView	CollectionView zobrazí seznam posouvatelných datových položek s použitím různých specifikací rozložení. Další informace naleznete v části CollectionView.
ContentView	ContentView je ovládací prvek, který umožňuje vytváření vlastních opakovaně použitelných ovládacích prvků. Další informace najdete v tématu ContentView.
DatePicker	DatePicker umožňuje vybrat datum s výběrem data platformy. Další informace najdete v tématu DatePicker.
Editor	Editor umožňuje zadat a upravit více řádků textu. Další informace najdete v tématu Editor.
Ellipse	Ellipse zobrazí tři tečky nebo kruh. Další informace naleznete v tématu Ellipse.
Entry	Entry umožňuje zadat a upravit jeden řádek textu. Další informace naleznete v tématu Položka.
Frame	Frame slouží k zabalení zobrazení nebo rozložení ohraničením, které lze nakonfigurovat pomocí barev, stínů a dalších možností. Další informace naleznete v tématu Rámec.
GraphicsView	GraphicsView je grafické plátno, na kterém lze 2D grafiku kreslit pomocí typů z Microsoft.Maui.Graphics oboru názvů. Další informace naleznete v tématu GraphicsView.
Image	Image zobrazí obrázek, který lze načíst z místního souboru, identifikátoru URI, vloženého prostředku nebo datového proudu. Další informace najdete v tématu Obrázek.
ImageButton	ImageButton zobrazí obrázek a odpoví klepnutím nebo kliknutím, který aplikaci nasměruje k provedení úkolu. Další informace naleznete v tématu ImageButton.
IndicatorView	IndicatorViewzobrazí indikátory, které představují počet položek v .CarouselView Další informace naleznete v tématu IndicatorView.
Label	Label zobrazí jednořádkový a víceřádkový text. Další informace najdete v tématu Popisek.
Line	Line zobrazí čáru od počátečního bodu k koncovému bodu. Další informace naleznete v tématu Řádek.
ListView	ListView zobrazí seznam posouvatelných datových položek s možností posouvání. Další informace naleznete v tématu ListView.
Path	Path zobrazení křivek a složitých obrazců Další informace najdete v tématu Cesta.
Picker	Picker zobrazí krátký seznam položek, ze kterých lze položku vybrat. Další informace naleznete v tématu Výběr.
Polygon	Polygon zobrazí mnohoúhelník. Další informace naleznete v tématu Mnohoúhelník.
Polyline	Polyline zobrazí řadu propojených rovných čar. Další informace naleznete v tématu Polyline.
ProgressBar	ProgressBar používá animaci k zobrazení, že aplikace prochází zdlouhavou aktivitou. Další informace naleznete v tématu ProgressBar.
RadioButton	RadioButton je typ tlačítka, které umožňuje výběr jedné možnosti ze sady. Další informace naleznete v tématu RadioButton.
Rectangle	Rectangle zobrazí obdélník nebo čtverec. Další informace naleznete v tématu Obdélník.
RefreshView	RefreshView je ovládací prvek kontejneru, který poskytuje funkce aktualizace pro posouvání obsahu. Další informace naleznete v tématu RefreshView.
RoundRectangle	RoundRectangle zobrazí obdélník nebo čtverec se zaoblenými rohy. Další informace naleznete v tématu Obdélník.
ScrollView	ScrollView poskytuje posouvání obsahu, což je obvykle rozložení. Další informace naleznete v části ScrollView.
SearchBar	SearchBar je uživatelský vstupní ovládací prvek, který se používá k zahájení hledání. Další informace najdete v tématu SearchBar.
Slider	Slider umožňuje vybrat double hodnotu z souvislého rozsahu. Další informace najdete v tématu Posuvník.
Stepper	Stepper umožňuje vybrat double hodnotu z rozsahu přírůstkových hodnot. Další informace najdete v tématu Stepper.
SwipeView	SwipeView je ovládací prvek kontejneru, který obtéká kolem položky obsahu a poskytuje položky místní nabídky, které jsou odhaleny gestem potáhnutí prstem. Další informace najdete v tématu SwipeView.
Switch	Switch umožňuje vybrat logickou hodnotu pomocí typu tlačítka, které může být zapnuté nebo vypnuté. Další informace najdete v tématu Přepínač.
TableView	TableView zobrazí tabulku posouvatelných položek, které lze seskupit do oddílů. Další informace najdete v tématu TableView.
TimePicker	TimePicker umožňuje vybrat čas s výběrem času platformy. Další informace najdete v tématu TimePicker.
WebView	WebView zobrazí webové stránky nebo místní obsah HTML. Další informace naleznete v tématu WebView.