Xamarin.Forms TwoPaneView düzeni

TwoPaneView sınıfı, içeriği kullanılabilir alana ya yan yana ya da yukarıdan aşağıya doğru boyutlandıran ve konumlandıran iki görünüme sahip bir kapsayıcıyı temsil eder. TwoPaneView devralır Grid , bu nedenle bu özellikleri düşünmenin en kolay yolu bir kılavuza uygulanmış gibi olmasıdır.

TwoPaneView'ı ayarlama

Uygulamanızda çift ekranlı düzen oluşturmak için şu yönergeleri izleyin:

  1. NuGet'i eklemek ve Android MainActivity sınıfını yapılandırmak için başlangıç yönergelerini izleyin.

  2. Aşağıdaki XAML'yi kullanarak temel TwoPaneView bir başlangıç yapın:

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

İpucu

Yukarıdaki XAML öğesinden birçok ortak özniteliği atlar ContentPage . Uygulamanıza bir TwoPaneView eklerken, ad alanını gösterildiği gibi bildirmeyi xmlns:dualScreen unutmayın.

TwoPaneView modlarını anlama

Bu modlardan yalnızca biri etkin olabilir:

  • SinglePane şu anda yalnızca bir bölme görünür durumda.
  • Wide iki bölme yatay olarak düzenlenir. Bölmelerden biri sol tarafta, diğeri sağ taraftadır. İki ekrandayken, cihaz dikey olduğunda bu moddur.
  • Tall iki bölme dikey olarak düzenlenir. Bir bölme üstte, diğeri alttadır. İki ekrandayken, cihaz yatay olduğunda bu moddur.

Yalnızca bir ekrandayken TwoPaneView'ı denetleme

aşağıdaki özellikler, tek bir ekran kapladığında TwoPaneView geçerlidir:

  • MinTallModeHeight , denetimin uzun moda girmek için olması gereken en düşük yüksekliği gösterir.
  • MinWideModeWidth , geniş moda girmek için denetimin olması gereken en düşük genişliği gösterir.
  • Pane1Length , Geniş modda Pane1'in genişliğini, Uzun modda Pane1'in yüksekliğini ayarlar ve Tek Sayfa modunda hiçbir etkisi yoktur.
  • Pane2Length , Geniş modda Pane2'nin genişliğini, Uzun modda Pane2'nin yüksekliğini ayarlar ve Tek Sayfa modunda hiçbir etkisi yoktur.

Önemli

TwoPaneView iki ekrana yayılmışsa bu özelliklerin hiçbir etkisi yoktur.

Bir veya iki ekrandayken uygulanan özellikler

aşağıdaki özellikler, tek bir ekran veya iki ekran kapladığında TwoPaneView geçerlidir:

  • TallModeConfiguration , uzun moddayken, Üst/Alt düzenlemesini veya TwoPaneViewPriority tarafından tanımlanan tek bir bölmenin görünür olmasını isteyip istemediğinizi gösterir.
  • WideModeConfiguration , geniş moddayken, Sol/Sağ düzenlemesini veya TwoPaneViewPriority tarafından tanımlanan tek bir bölmenin görünür olmasını isteyip istemediğinizi gösterir.
  • PanePriority , Tek Sayfa modundaysa Pane1 veya Pane2'nin gösterilip gösterilmeyeceğini belirler.