Xamarin.Forms Rozložení

  • Článek

Download Sample Stažení ukázky

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 Layout Types

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.

Ukázka příručky / k / rozhraní API		 ContentView Example
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.

Ukázka příručky / k / rozhraní API		 Frame Example
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í.

Ukázka příručky / k / rozhraní API		 ScrollView Example
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 Example
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		 ContentPresenter Example

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.

Ukázka příručky / k / rozhraní API		 StackLayout Example
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, RowSpana ColumnSpan.

Ukázka příručky / k / rozhraní API		 Grid Example
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í.

Ukázka příručky / k / rozhraní API		 AbsoluteLayout Example
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.

Ukázka příručky / k / rozhraní API		 RelativeLayout Example
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.

Ukázka příručky / k / rozhraní API		 FlexLayout Example
Kód jazyka C# pro tuto stránku / XAML