Sdílet prostřednictvím


Xamarin.Forms Nákresy

Xamarin.Forms Rozložení se používají k vytváření ovládacích prvků uživatelského rozhraní do vizuálních struktur.

Třídy Layout a Layout<T> třídy jsou Xamarin.Forms specializované podtypy zobrazení, které fungují jako kontejnery pro zobrazení a další rozložení. Samotná Layout třída je odvozena od View. Derivát Layout obvykle obsahuje logiku pro nastavení pozice a velikosti podřízených prvků v Xamarin.Forms aplikacích.

Xamarin.Forms Typy rozložení

Třídy odvozené z Layout mohou být rozděleny do dvou kategorií:

Rozložení s jedním obsahem

Tyto třídy jsou odvozeny Padding od Layout, který definuje a IsClippedToBounds vlastnosti:

Typ Popis Vzhled
ContentView ContentView obsahuje jednu podřízenou složku, která je nastavena s Content vlastností. Vlastnost Content lze nastavit na jakýkoli View derivát, včetně jiných Layout derivátů. ContentView se většinou používá jako strukturální prvek a slouží jako základní třída pro Frame.

Průvodce dokumentací / k rozhraní API
Příklad ContentView
Kód jazyka C# pro tuto stránku / XAML
Frame Třída Frame je odvozena od ContentView ohraničení nebo rámečku kolem jeho podřízeného objektu. Třída Frame má výchozí Padding hodnotu 20 a také definuje BorderColor, CornerRadiusa HasShadow vlastnosti.

Průvodce dokumentací / k rozhraní API
Příklad rámce
Kód jazyka C# pro tuto stránku / XAML
ScrollView ScrollView je schopen posunout jeho obsah. Content Nastavte vlastnost na zobrazení nebo rozložení příliš velké, aby se vešla na obrazovku. (Obsah je ScrollView velmi často . StackLayout) Orientation Nastavte vlastnost, která označuje, zda má být posouvání svislé, vodorovné nebo obojí.

Průvodce dokumentací / k rozhraní API
Příklad scrollView
Kód jazyka C# pro tuto stránku / XAML
TemplatedView TemplatedView zobrazí obsah se šablonou ovládacího prvku a je základní třídou pro ContentView.

Průvodce dokumentací / k rozhraní API
TemplatedView – příklad
ContentPresenter ContentPresenter je správce rozložení pro šablonovaná zobrazení, která slouží ControlTemplate k označení místa, kde se má zobrazovat obsah.

Průvodce dokumentací / k rozhraní API
Příklad ContentPresenteru

Rozložení s více podřízenými daty

Tyto třídy jsou odvozeny z Layout<View>:

Typ Popis Vzhled
StackLayout StackLayout umístí podřízené prvky do zásobníku vodorovně nebo svisle na Orientation základě vlastnosti. Vlastnost Spacing řídí mezery mezi podřízenými a má výchozí hodnotu 6.

Průvodce dokumentací / k rozhraní API
Příklad StackLayout
Kód jazyka C# pro tuto stránku / XAML
Grid Grid umístí podřízené prvky do mřížky řádků a sloupců. Pozice dítěte je označena pomocí připojených vlastností Row, Column, RowSpan, a ColumnSpan.

Průvodce dokumentací / k rozhraní API
Příklad mřížky
Kód jazyka C# pro tuto stránku / XAML
AbsoluteLayout AbsoluteLayout umístí podřízené prvky v konkrétních umístěních vzhledem k nadřazenosti. Pozice dítěte je označena pomocí připojených vlastností LayoutBounds a LayoutFlags. Je AbsoluteLayout užitečná pro animaci pozic zobrazení.

Průvodce dokumentací / k rozhraní API
Příklad AbsoluteLayout
Kód jazyka C# pro tuto stránku / XAML s kódem za
RelativeLayout RelativeLayout umístí podřízené prvky vzhledem k RelativeLayout sobě nebo k jejich elementům na stejné úrovni. Pozice dítěte je označena pomocí připojených vlastností , které jsou nastaveny na objekty typu Constraint a BoundsConstraint.

Průvodce dokumentací / k rozhraní API
Příklad RelativeLayout
Kód jazyka C# pro tuto stránku / XAML
FlexLayout FlexLayout je založená na modulu CSS Flexible Box Layout Module, který se běžně označuje jako flex layout nebo flex-box. FlexLayout definuje šest svázatelných vlastností a pět připojených vazebných vlastností, které umožňují, aby podřízené položky byly skládané nebo zabalené s mnoha možnostmi zarovnání a orientace.

Průvodce dokumentací / k rozhraní API
Příklad FlexLayout
Kód jazyka C# pro tuto stránku / XAML