Ovládací prvky

Procházení ukázky

Uživatelské rozhraní aplikace .NET Pro více platforem (.NET MAUI) je tvořeno objekty, které se mapují na nativní ovládací prvky každé cílové platformy.

Hlavní skupiny ovládacích prvků 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ě i jiná rozložení. Stránky, rozložení a zobrazení jsou odvozeny od VisualElement třídy. Tato třída poskytuje řadu vlastností, metod a událostí, 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í.

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

Stránka	Popis
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á prezentuje položky, a stránku podrobností, která obsahuje podrobnosti o položkách na kontextové stránce. Další informace naleznete v části FlyoutPage.
NavigationPage	NavigationPage poskytuje hierarchické navigační prostředí, ve kterém 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 naleznete 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ů.

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

Rozložení	Popis
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 všem třídám rozložení generovat 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, aby se podřízené položky skládaly nebo zabalily různými možnostmi zarovnání a orientace. FlexLayout je založená na modulu flexibilního rozložení šablon stylů CSS, který se označuje jako flexibilní rozložení nebo flex-box. Další informace naleznete v tématu FlexLayout.
Grid	Grid umístí 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í .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 .

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

Zobrazení	Popis
ActivityIndicator	ActivityIndicator používá animaci, která ukazuje, že aplikace je zapojená do zdlouhavé aktivity, aniž by bylo nutné indikovat průběh. Další informace najdete v tématu ActivityIndicator.
BlazorWebView	BlazorWebView umožňuje hostovat webovou aplikaci Blazor v 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 najdete v tématu Ohraničení.
BoxView	BoxView nakreslí obdélník nebo čtverec se zadanou šířkou, výškou a barvou. Další informace naleznete v tématu 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í posouvatelný 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 různými specifikacemi rozložení. Další informace naleznete v tématu CollectionView.
ContentView	ContentView je ovládací prvek, který umožňuje vytváření vlastních, opakovaně použitelných ovládacích prvků. Další informace naleznete 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 editoru.
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 najdete v tématu Položka.
Frame	Frame slouží k zabalení zobrazení nebo rozložení ohraničením, které lze nakonfigurovat s barvou, stínem a dalšími možnostmi. Další informace naleznete v tématu Frame.
GraphicsView	GraphicsView je grafické plátno, na kterém lze nakreslit 2D grafiku 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 přesměruje k provedení úkolu. Další informace naleznete v tématu ImageButton.
IndicatorView	IndicatorView zobrazí indikátory, které představují počet položek v prvku 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 do koncového bodu. Další informace najdete v tématu Řádek.
ListView	ListView zobrazí seznam posouvatelných datových položek. Další informace naleznete v tématu ListView.
Map	Map zobrazí mapu a vyžaduje , aby byl v aplikaci nainstalovaný balíček NuGet Microsoft.Maui.Controls.Maps .
Path	Path zobrazí křivky a složité obrazce. Další informace najdete v tématu Cesta.
Picker	Picker zobrazí krátký seznam položek, ze kterých lze vybrat položku. 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 Lomené čáry.
ProgressBar	ProgressBar pomocí animace ukazuje, ž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 tématu ScrollView.
SearchBar	SearchBar je uživatelský vstupní ovládací prvek, který se používá k zahájení hledání. Další informace naleznete v tématu SearchBar.
Slider	Slider umožňuje vybrat double hodnotu z souvislého rozsahu. Další informace naleznete 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 naleznete 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 naleznete v tématu TableView.
TimePicker	TimePicker umožňuje vybrat čas s výběrem času platformy. Další informace najdete v tématu TimePicker.
TwoPaneView	TwoPaneView představuje kontejner se dvěma zobrazeními, která velikostí a umístěním jejich obsahu do dostupného prostoru, ať už vedle sebe, nebo shora dolů. Další informace naleznete v tématu TwoPaneView.
WebView	WebView zobrazí webové stránky nebo místní obsah HTML. Další informace naleznete v tématu WebView.