:::no-loc(Xamarin.Forms):::Layouts:::no-loc(Xamarin.Forms)::: Layouts

Beispiel herunterladen Das Beispiel herunterladenDownload Sample Download the sample

:::no-loc(Xamarin.Forms):::Layouts werden verwendet, um Benutzeroberflächen-Steuerelemente in visuellen Strukturen zu verfassen.:::no-loc(Xamarin.Forms)::: Layouts are used to compose user-interface controls into visual structures.

Die Layout Layout<T> Klassen und in :::no-loc(Xamarin.Forms)::: sind spezialisierte Untertypen von Sichten, die als Container für Ansichten und andere Layouts fungieren.The Layout and Layout<T> classes in :::no-loc(Xamarin.Forms)::: are specialized subtypes of views that act as containers for views and other layouts. Die Layout Klasse selbst wird von abgeleitet View .The Layout class itself derives from View. Eine Layout Ableitung enthält in der Regellogik zum Festlegen der Position und Größe von untergeordneten Elementen in :::no-loc(Xamarin.Forms)::: Anwendungen.A Layout derivative typically contains logic to set the position and size of child elements in :::no-loc(Xamarin.Forms)::: applications.

::: NO-LOC (xamarin. Forms)::: Layout-Typen:::no-loc(Xamarin.Forms)::: Layout Types

Die Klassen, die von abgeleitet Layout werden, können in zwei Kategorien unterteilt werden:The classes that derive from Layout can be divided into two categories:

Layouts mit EinzelinhaltLayouts with Single Content

Diese Klassen werden von abgeleitet Layout , das Padding -und- IsClippedToBounds Eigenschaften definiert:These classes derive from Layout, which defines Padding and IsClippedToBounds properties:

TypType BeschreibungDescription DarstellungAppearance
ContentView ContentViewenthält ein einzelnes untergeordnetes Element, das mit der-Eigenschaft festgelegt wird Content .ContentView contains a single child that is set with the Content property. Die- Content Eigenschaft kann auf eine beliebige Ableitung festgelegt werden View , einschließlich anderer Layout Ableitungen.The Content property can be set to any View derivative, including other Layout derivatives. ContentViewwird größtenteils als Strukturelement verwendet und fungiert als Basisklasse für Frame .ContentView is mostly used as a structural element and serves as a base class to Frame.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Contentview-BeispielContentView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Frame Die Frame -Klasse wird von abgeleitet ContentView und zeigt einen Rahmen oder einen Rahmen um das untergeordnete Element an.The Frame class derives from ContentView and displays a border, or frame, around its child. Die Frame -Klasse hat den Standard Padding Wert 20 und definiert auch die BorderColor CornerRadius Eigenschaften, und HasShadow .The Frame class has a default Padding value of 20, and also defines BorderColor, CornerRadius, and HasShadow properties.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Frame-BeispielFrame Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
ScrollView ScrollViewkann seinen Inhalt scrollen.ScrollView is capable of scrolling its contents. Legen Sie die- Content Eigenschaft auf eine Ansicht oder ein Layout fest, die für den Bildschirm zu groß ist.Set the Content property to a view or layout too large to fit on the screen. (Der Inhalt eines ScrollView ist häufig ein StackLayout .) Legen Sie die- Orientation Eigenschaft fest, um anzugeben, ob das Scrollen vertikal, horizontal oder beides sein soll.(The content of a ScrollView is very often a StackLayout.) Set the Orientation property to indicate if scrolling should be vertical, horizontal, or both.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
ScrollView-BeispielScrollView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
TemplatedView TemplatedViewzeigt Inhalt mit einer Steuerelement Vorlage an, und ist die Basisklasse für ContentView .TemplatedView displays content with a control template, and is the base class for ContentView.

API-Dokumentation / LeitfadenAPI Documentation / Guide
Templatedview-BeispielTemplatedView Example
ContentPresenter ContentPresenterist ein LayoutManager für Vorlagen Sichten, der in einem verwendet wird, ControlTemplate um zu markieren, wo der Inhalt angezeigt wird, der angezeigt werden soll.ContentPresenter is a layout manager for templated views, used within a ControlTemplate to mark where the content that is to be presented appears.

API-Dokumentation / LeitfadenAPI Documentation / Guide
ContentPresenter-BeispielContentPresenter Example

Layouts mit mehreren untergeordneten ElementenLayouts with Multiple Children

Diese Klassen werden von abgeleitet Layout<View> :These classes derive from Layout<View>:

TypType BeschreibungDescription DarstellungAppearance
StackLayout StackLayoutpositioniert untergeordnete Elemente in einem Stapel entweder horizontal oder vertikal basierend auf der- Orientation Eigenschaft.StackLayout positions child elements in a stack either horizontally or vertically based on the Orientation property. Die Spacing -Eigenschaft bestimmt den Abstand zwischen den untergeordneten Elementen und hat den Standardwert 6.The Spacing property governs the spacing between the children, and has a default value of 6.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Stacklayout-BeispielStackLayout Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Grid Gridpositioniert die untergeordneten Elemente in einem Raster von Zeilen und Spalten.Grid positions its child elements in a grid of rows and columns. Die Position eines untergeordneten Elements wird mithilfe der angefügten Eigenschaften Row , Column , RowSpan und angegeben ColumnSpan .A child's position is indicated using the attached properties Row, Column, RowSpan, and ColumnSpan.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Raster BeispielGrid Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
AbsoluteLayout AbsoluteLayoutpositioniert untergeordnete Elemente an bestimmten Speicherorten relativ zum übergeordneten Element.AbsoluteLayout positions child elements at specific locations relative to its parent. Die Position eines untergeordneten Elements wird mithilfe der angefügten Eigenschaften LayoutBounds und angegeben LayoutFlags .A child's position is indicated using the attached properties LayoutBounds and LayoutFlags. Ein AbsoluteLayout eignet sich zum Animieren der Positionen von Sichten.An AbsoluteLayout is useful for animating the positions of views.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
[![Beispiel für "AbsoluteLayout"](layouts-images/AbsoluteLayout.png "Beispiel für "AbsoluteLayout"")](layouts-images/AbsoluteLayout-Large.png#lightbox "Beispiel für "AbsoluteLayout"")AbsoluteLayout Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
RelativeLayout RelativeLayoutpositioniert untergeordnete Elemente in Bezug auf die RelativeLayout selbst oder Ihre gleich geordneten Elemente.RelativeLayout positions child elements relative to the RelativeLayout itself or to their siblings. Die Position eines untergeordneten Elements wird mithilfe der angefügten Eigenschaften angegeben, die auf Objekte des Typs und festgelegt sind Constraint BoundsConstraint .A child's position is indicated using the attached properties that are set to objects of type Constraint and BoundsConstraint.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Relativelayout-BeispielRelativeLayout Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
FlexLayout FlexLayoutbasiert auf dem flexiblen CSS- Box-Layoutmodul, das im Allgemeinen als " flexlayout " oder " Flexbox" bezeichnet wird.FlexLayout is based on the CSS Flexible Box Layout Module, commonly known as flex layout or flex-box. FlexLayoutdefiniert sechs bindbare Eigenschaften und fünf angefügte bindbare Eigenschaften, mit denen untergeordnete Elemente gestapelt oder mit vielen Optionen für Ausrichtung und Ausrichtung umschließt werden können.FlexLayout defines six bindable properties and five attached bindable properties that allow children to be stacked or wrapped with many alignment and orientation options.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Flexlayout-BeispielFlexLayout Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page