Xamarin.Forms Layouts

  • Artikel

Beispiel herunterladen Laden Sie das Beispiel herunter

Xamarin.Forms Layouts werden verwendet, um Benutzeroberflächensteuerelemente in visuelle Strukturen zu verfassen.

Layout<T>Xamarin.Forms Die Layout und Klassen in sind spezielle Untertypen von Ansichten, die als Container für Ansichten und andere Layouts dienen. Die Layout Klasse selbst wird von View. Eine Layout Abgeleitete enthält in der Regel Logik zum Festlegen der Position und Größe von untergeordneten Elementen in Xamarin.Forms Anwendungen.

Layouttypen layouttypenXamarin.Forms Layouttypen Layouttypen

Die Klassen, die von Layout der abgeleitet werden, können in zwei Kategorien unterteilt werden:

Layouts mit einzelnem Inhalt

Diese Klassen abgeleitet von Layout, die definiert Padding und IsClippedToBounds eigenschaften:

type BESCHREIBUNG Darstellung
ContentView ContentView enthält ein einzelnes untergeordnetes Element, das mit der Content Eigenschaft festgelegt ist. Die Content Eigenschaft kann auf jede View Derivate festgelegt werden, einschließlich anderer Layout Derivate. ContentView wird hauptsächlich als Strukturelement verwendet und dient als Basisklasse zu Frame.

API-Dokumentation / Anleitung / Beispiel		 ContentView-Beispiel für ContentView
C#-Code für diese Seite / XAML-Seite
Frame Die Frame Klasse abgeleitet und ContentView zeigt einen Rahmen oder einen Rahmen um das untergeordnete Element an. Die Frame Klasse verfügt über einen Standardwert Padding von 20, und definiert BorderColorauch , CornerRadiusund HasShadow Eigenschaften.

API-Dokumentation / Anleitung / Beispiel		 für Frameframe(n
C#-Code für diese Seite / XAML-Seite
ScrollView ScrollView ist in der Lage, den Inhalt zu scrollen. Legen Sie die Content Eigenschaft auf eine Ansicht oder ein Layout fest, das zu groß ist, um auf dem Bildschirm zu passen. (Der Inhalt einer ScrollView Datei ist sehr oft ein StackLayout.) Legen Sie die Eigenschaft fest, um anzugeben, ob das Orientation Scrollen vertikal, horizontal oder beides sein soll.

API-Dokumentation / Anleitung / Beispiel		 Beispiel ScrollView-Beispiel für
C#-Code für diese Seite / XAML-Seite
TemplatedView TemplatedView zeigt Inhalte mit einer Steuerelementvorlage an und ist die Basisklasse für ContentView.

API-Dokumentation / Anleitung		 TemplatedView-Beispielvorlage" (Beispiel)
ContentPresenter ContentPresenter ist ein Layout-Manager für Vorlagenansichten, die innerhalb ControlTemplate einer Markierung verwendet werden, wo der Inhalt angezeigt werden soll.

API-Dokumentation / Anleitung

Layouts mit mehreren untergeordneten Elementen

Diese Klassen abgeleitet von Layout<View>:

type BESCHREIBUNG Darstellung
StackLayout StackLayout positioniert untergeordnete Elemente in einem Stapel horizontal oder vertikal basierend auf der Orientation Eigenschaft. Die Spacing Eigenschaft steuert den Abstand zwischen den untergeordneten Elementen und weist einen Standardwert von 6 auf.

API-Dokumentation / Anleitung / Beispiel		 "
C#-Code für diese Seite / XAML-Seite
Grid Grid positioniert seine untergeordneten Elemente in einem Raster von Zeilen und Spalten. Die Position eines untergeordneten Elements wird mithilfe der angefügten EigenschaftenRow, Column, RowSpan, und .ColumnSpan

API-Dokumentation / Anleitung / Beispiel		 Beispiel für Rasternetznetzbeispiel
C#-Code für diese Seite / XAML-Seite
AbsoluteLayout AbsoluteLayout positioniert untergeordnete Elemente an bestimmten Speicherorten relativ zu seinem übergeordneten Element. Die Position eines untergeordneten Elements wird mithilfe der angefügten EigenschaftenLayoutBounds und LayoutFlags. Es AbsoluteLayout ist nützlich, um die Positionen von Ansichten zu animieren.

API-Dokumentation / Anleitung / Beispiel		 "
C#-Code für diese Seite / XAML-Seite mit Codebehind
RelativeLayout RelativeLayout positioniert untergeordnete Elemente relativ zum RelativeLayout selbst oder zu ihren Geschwistern. Die Position eines untergeordneten Elements wird mithilfe der angefügten Eigenschaften angegeben, die auf Objekte des Typs und BoundsConstraintdes Typs Constraint festgelegt sind.

API-Dokumentation / Anleitung / Beispiel		 für relativeLayout-Beispiel für relativeLayout
C#-Code für diese Seite / XAML-Seite
FlexLayout FlexLayout basiert auf dem CSS Flexible Box Layout Modul, allgemein bekannt als Flexlayout oder Flex-Box. FlexLayout definiert sechs bindungsfähige Eigenschaften und fünf angefügte bindungsfähige Eigenschaften, mit denen untergeordnete Eigenschaften mit vielen Ausrichtungs- und Ausrichtungsoptionen gestapelt oder umgebrochen werden können.

API-Dokumentation / Anleitung / Beispiel		 FlexLayout-Beispiel für
C#-Code für diese Seite / XAML-Seite