Xamarin Community Toolkit DockLayout

  • Artikel

Das DockLayout ermöglicht es, Inhalte in allen vier Richtungen (oben, unten, links und rechts) zu docken.

Dies macht es in vielen Situationen eine großartige Wahl, in der Sie den Bildschirm in bestimmte Bereiche teilen möchten. Standardmäßig wird das letzte Element innerhalb des DockLayouts automatisch den Rest des Leerraums (Mitte) füllen, es sei denn, dieses Feature ist speziell deaktiviert.

Die Dockposition auf den untergeordneten Elementen wird durch eine angefügte Eigenschaft festgelegt.

Inspiriert von WPF DockPanel.

Syntax

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
             x:Class="MyLittleApp.MainPage">

     <StackLayout>

        <xct:DockLayout
          LastChildFill="False">
          <Button xct:DockLayout.Dock="Top" Text="Top" HeightRequest="50"/>
          <Button xct:DockLayout.Dock="Bottom" Text="Bottom" HeightRequest="50"/>
          <Button xct:DockLayout.Dock="Left" Text="Left" WidthRequest="60"/>
          <Button xct:DockLayout.Dock="Left" Text="Left" WidthRequest="60"/>
          <Button xct:DockLayout.Dock="Right" Text="Right" WidthRequest="80"/>
          <Button xct:DockLayout.Dock="Right" Text="Right" WidthRequest="80"/>
      </xct:DockLayout>

    </StackLayout>

</ContentPage>

Eigenschaften

Eigenschaft Typ BESCHREIBUNG
Andocken Andocken Dies sollte auf den untergeordneten Elementen der DockLayout. Dies bestimmt, welche Richtung das untergeordnete Element angedockt wird. Dies ist eine bindbare Eigenschaft.
LastChildFill bool Ruft ab oder legt fest, ob das letzte untergeordnete Element, das in der DockLayout Mitte definiert ist, den verbleibenden Platz füllen soll. Dies ist eine bindbare Eigenschaft.

Beispiel

DockLayout-Beispielseite Quelle

Sie können dies in Aktion in der Xamarin Community Toolkit-Beispiel-App sehen.

API