Xamarin.Forms Rozložení TwoPaneView

  • Článek

Download Sample Stažení ukázky

Třída TwoPaneView představuje kontejner se dvěma zobrazeními, která mají velikost a umístění obsahu v dostupném prostoru, a to buď vedle sebe, nebo shora dolů. TwoPaneView dědí z Grid tak nejjednodušší způsob, jak se zamyslet nad těmito vlastnostmi, je, jako by byly použity v mřížce.

Nastavení TwoPaneView

Podle těchto pokynů vytvořte v aplikaci rozložení se dvěma obrazovkami:

  1. Podle pokynů začínáme přidejte NuGet a nakonfigurujte třídu AndroiduMainActivity.

  2. Začněte základním TwoPaneView kódem pomocí následujícího jazyka XAML:

    <ContentPage
    xmlns:dualScreen="clr-namespace:Xamarin.Forms.DualScreen;assembly=Xamarin.Forms.DualScreen">
    <dualScreen:TwoPaneView>
        <dualScreen:TwoPaneView.Pane1>
            <StackLayout>
                <Label Text="Pane1 Content" />
            </StackLayout>
        </dualScreen:TwoPaneView.Pane1>
        <dualScreen:TwoPaneView.Pane2>
            <StackLayout>
                <Label Text="Pane2 Content" />
            </StackLayout>
        </dualScreen:TwoPaneView.Pane2>
    </dualScreen:TwoPaneView>
</ContentPage>

Tip

Výše uvedený kód XAML vynechá mnoho běžných atributů z elementu ContentPage . Při přidávání TwoPaneView do aplikace nezapomeňte deklarovat xmlns:dualScreen obor názvů, jak je znázorněno.

Principy režimů TwoPaneView

Aktivní může být pouze jeden z těchto režimů:

  • SinglePane V současné době je viditelné jenom jedno podokno.
  • Wide obě podokna jsou rozložena vodorovně. Jedno podokno je vlevo a druhé je vpravo. Když je na dvou obrazovkách, jedná se o režim, kdy je zařízení na výšku.
  • Tall obě podokna jsou rozložena svisle. Jedno podokno je nahoře a druhé je dole. Když je na dvou obrazovkách, jedná se o režim, kdy je zařízení na šířku.

Ovládací prvek TwoPaneView, když je jen na jedné obrazovce

Následující vlastnosti platí, když TwoPaneView zabírá jednu obrazovku:

  • MinTallModeHeight určuje minimální výšku, je nutné, aby ovládací prvek vstoupil do režimu vysoké.
  • MinWideModeWidth určuje minimální šířku, je nutné, aby ovládací prvek vstoupil do širokého režimu.
  • Pane1Length nastaví šířku podokna1 v širokém režimu, výšku Podokna1 v režimu Vysoká a nemá žádný vliv v režimu SinglePane.
  • Pane2Length nastaví šířku podokna2 v širokém režimu, výšku podokna2 v režimu Vysoká a nemá žádný vliv v režimu SinglePane.

Důležité

TwoPaneView Pokud jsou tyto vlastnosti rozložené na dvou obrazovkách, nemají tyto vlastnosti žádný vliv.

Vlastnosti, které se vztahují na jednu obrazovku nebo dvě

Následující vlastnosti platí, když TwoPaneView zabírá jednu obrazovku nebo dvě obrazovky:

  • TallModeConfiguration označuje, pokud je v režimu vysoké, uspořádání nahoře/dole nebo pokud chcete zobrazit pouze jedno podokno definované TwoPaneViewPriority.
  • WideModeConfiguration označuje, pokud je v širokém režimu uspořádání vlevo/vpravo nebo pokud chcete zobrazit pouze jedno podokno definované TwoPaneViewPriority.
  • PanePriority určuje, zda chcete zobrazit podokno1 nebo Podokno2 v režimu SinglePane.