Xamarin.Forms Geçtiğinizde

  • Makale
  • Okumak için 2 dakika

Örnek indir Örneği indirin

Düzenler, görsel yapılarda Kullanıcı arabirimi denetimleri oluşturmak için kullanılır.

Layoutİçindeki ve Layout<T> sınıfları, Xamarin.Forms görünümler ve diğer düzenler için kapsayıcılar olarak davranan görünümlerin özelleşmiş alt türlerinden oluşur. LayoutSınıfın kendisi öğesinden türetilir View . Bir Layout türev genellikle uygulamalardaki alt öğelerin konumunu ve boyutunu ayarlama mantığını içerir Xamarin.Forms .

Xamarin. Forms Düzen türleri "Data-LinkType =" göreli yol "><span class =Xamarin. Forms <span class= Düzen türleri" title = " Xamarin.Forms Düzen türleri" Data-LinkType = "göreli-yol"/>

Öğesinden türetilen sınıflar Layout iki kategoriye ayrılabilir:

Tek Içerikle düzenler

Bu sınıflar öğesinden türetilir Layout . Bu, Layout "Data-LinkType =" Absolute-path ">Padding ve Xamarin_Forms _Layout_IsClippedToBounds" Data-linktype = "absolute-path" >IsClippedToBounds özellikleri tanımlayan Xamarin_Forms _Layout_Padding tanımlar:

Tür Description Görünüm
ContentView ContentViewContentView "Data-LinkType =" Absolute-path ">özelliği _ContentView_Content Xamarin_Forms ile ayarlanmış tek bir alt öğe içerir Content . ContentÖzelliği, View diğer türetme dahil olmak üzere herhangi bir türev olarak ayarlanabilir Layout . ContentView genellikle yapısal bir öğe olarak kullanılır ve temel sınıf olarak hizmet verir Frame .

API belgeleriKılavuzuÖrnek		 örnek ContentView örneği örneği
Bu sayfa için C# kodu XAML sayfası
Frame FrameSınıfı öğesinden türetilir ContentView ve bir kenarlık ya da kare ya da onun alt etrafında bir çerçeve görüntüler. FrameSınıfın varsayılan bir Xamarin_Forms Frame _Layout_Padding "Data-LinkType =" Absolute-path ">Padding değeri 20 ' dir ve aynı zamanda Xamarin_Forms _Frame_BorderColor" Data-LinkType = "Absolute-path" >, Xamarin_Forms _Frame_CornerRadius "Data-LinkType =" mutlak BorderColor yol ">ve Xamarin_Forms _Frame_HasShadow PaddingCornerRadius " Data-LinkType = HasShadow "Absolute-path" >özellikleri tanımlar.

API belgeleriKılavuzuÖrnek		 çerçevesiörnek
Bu sayfa için C# kodu XAML sayfası
ScrollView ScrollView içeriğini kaydırılamaz. "Data-LinkType =" Absolute-path ">Content özelliğini, ekrana sığamayacak kadar büyük bir görünüm veya düzen olarak _ScrollView_Content Xamarin_Forms ayarlayın. (Bir öğesinin içeriği ScrollView çok sıklıkla bir StackLayout .) Orientation Kaydırmanın dikey, yatay veya her ikisi olması gerektiğini göstermek için Xamarin_Forms _ScrollView_Orientation "Data-LinkType =" absolute-path ">özelliğini ayarlayın.

API belgeleriKılavuzuÖrnek		 örneği ScrollView örneği örneği
Bu sayfa için C# kodu XAML sayfası
TemplatedView TemplatedView bir denetim şablonuyla içeriği görüntüler ve için temel sınıftır ContentView .

API belgeleriKılavuzu		 templatedview örneği
ContentPresenter ContentPresenter , görüntülenecek ControlTemplate içeriğin nerede görüneceğini işaretlemek için kullanılan şablonlu görünümler için bir yerleşim yöneticisidir.

API belgeleriKılavuzu		 örnek ContentPresenter örnek örneği

Birden çok alt öğe içeren düzenler

Bu sınıfların türevi Layout<View> :

Tür Description Görünüm
StackLayout StackLayoutStackLayout "Data-LinkType =" Absolute-path ">özelliğine _StackLayout_Orientation Xamarin_Forms göre bir yığındaki alt öğeleri yatay veya dikey olarak konumlandırır Orientation . Xamarin_Forms _StackLayout_Spacing "Data-LinkType =" Absolute-path ">Spacing özelliği alt öğeler arasındaki boşluğu yönetir ve varsayılan 6 değerine sahiptir.

API belgeleriKılavuzuÖrnek		 örnekStackLayoutörnek
Bu sayfa için C# kodu XAML sayfası
Grid Grid bir satır ve sütun kılavuzundaki alt öğelerini konumlandırır. Alt öğenin konumu,,, ve ekli özelliklerikullanılarak belirtilir ColumnRowSpanColumnSpan .

API belgeleriKılavuzuÖrnek		 kılavuzörnek örneği
Bu sayfa için C# kodu XAML sayfası
AbsoluteLayout AbsoluteLayout alt öğeleri, üst öğesiyle ilişkili belirli konumlarda konumlandırır. Alt öğenin konumu, Ekli Özellikler ve kullanılarak belirtilir LayoutFlags . , AbsoluteLayout Görünümlerin konumlarını hareketlendirmek için yararlıdır.

API belgeleriKılavuzuÖrnek		 örnekAbsoluteLayoutörnek
Bu sayfa için C# kodu Arka plan kodluXAML sayfası
RelativeLayout RelativeLayout alt öğeleri RelativeLayout kendi kendine veya onların eşdüzey öğelerine göre konumlandırır. Bir alt öğenin konumu, ve türündeki nesneler olarak ayarlanan Ekli Özellikler kullanılarak belirtilir BoundsConstraint .

API belgeleriKılavuzuÖrnek		 RelativeLayout örnek örneği
Bu sayfa için C# kodu XAML sayfası
FlexLayout FlexLayout, yaygın olarak esnek düzen veya Esnek kutuolarak bilinen CSS FlexLayouttemel alır. FlexLayout alt öğelerin çok sayıda hizalama ve yönlendirme seçeneğiyle yığılmasına veya sarmalanmasına izin veren altı adet bağlanabilir özellik ve beş bağlantılı bağlanabilir özellik tanımlar.

API belgeleriKılavuzuÖrnek		 Esnekdüzen örnek
Bu sayfa için C# kodu XAML sayfası