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:
NuGet'i eklemek ve Android
MainActivity
sınıfını yapılandırmak için başlangıç yönergelerini izleyin.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.