Share via


Xamarin.Forms Düzen

Xamarin.Forms Düzenler, kullanıcı arabirimi denetimlerini görsel yapılara oluşturmak için kullanılır.

Layout içindeki Xamarin.Forms ve Layout<T> sınıfları, görünümler ve diğer düzenler için kapsayıcı görevi üstleyen özel görünüm alt türleridir. sınıfının Layout kendisi öğesinden Viewtüretilir. Türev Layout genellikle uygulamalarda alt öğelerin Xamarin.Forms konumunu ve boyutunu ayarlamak için mantık içerir.

Xamarin.Forms Düzen Türleri

'den Layout türetilen sınıflar iki kategoriye ayrılabilir:

Tek İçerikli Düzenler

Bu sınıflar ve IsClippedToBounds özelliklerini tanımlayan Padding öğesinden Layouttüretilir:

Type Açıklama Görünüm
ContentView ContentView özelliğiyle Content ayarlanan tek bir alt öğe içerir. Bu Content özellik, diğer Layout türevler dahil olmak üzere herhangi bir View türeve ayarlanabilir. ContentView çoğunlukla yapısal bir eleman olarak kullanılır ve için Frametemel sınıf görevi görür.

API Belge / Kılavuzu
ContentView Örneği
Bu sayfa XAML sayfası / için C# kodu
Frame Frame sınıfı öğesinden türetilir ve alt öğesinin ContentView çevresinde bir kenarlık veya çerçeve görüntüler. sınıfı varsayılan FramePadding 20 değerine sahiptir ve ayrıca , CornerRadiusve HasShadow özelliklerini tanımlarBorderColor.

API Belge / Kılavuzu
Çerçeve Örneği
Bu sayfa XAML sayfası / için C# kodu
ScrollView ScrollView içeriğini kaydırabilirsiniz. Content Özelliği ekrana sığamayacak kadar büyük bir görünüme veya düzene ayarlayın. (öğesinin ScrollView içeriği çok sık bir StackLayout.) Kaydırmanın Orientation dikey mi, yatay mı yoksa her ikisi birden mi olması gerektiğini belirtmek için özelliğini ayarlayın.

API Belge / Kılavuzu
ScrollView Örneği
Bu sayfa XAML sayfası / için C# kodu
TemplatedView TemplatedView denetim şablonuna sahip içeriği görüntüler ve için ContentViewtemel sınıftır.

API Belge / Kılavuzu
TemplatedView Örneği
ContentPresenter ContentPresenter , içinde sunulacak içeriğin nerede göründüğünü işaretlemek için kullanılan ControlTemplate , şablonlu görünümler için bir düzen yöneticisidir.

API Belge / Kılavuzu
ContentPresenter Örneği

Birden Çok Alt Öğeli Düzenler

Bu sınıflar şunlardan Layout<View>türetilir:

Type Açıklama Görünüm
StackLayout StackLayout alt öğeleri, özelliğine göre yatay veya dikey olarak bir yığına konumlandırın Orientation . Spacing özelliği alt öğeler arasındaki aralığı yönetir ve varsayılan değeri 6'dır.

API Belge / Kılavuzu
StackLayout Örneği
Bu sayfa XAML sayfası / için C# kodu
Grid Grid alt öğelerini satır ve sütunlardan oluşan bir kılavuza yerleştirir. Bir çocuğun konumu, Column, RowSpanve ColumnSpanekli özellikleriRow kullanılarak belirtilir.

API Belge / Kılavuzu
Kılavuz Örneği
Bu sayfa XAML sayfası / için C# kodu
AbsoluteLayout AbsoluteLayout alt öğeleri üst öğeye göre belirli konumlarda konumlandırıyor. Bir çocuğun konumu, ekli özellikleriLayoutBounds ve LayoutFlagskullanılarak belirtilir. , AbsoluteLayout görünümlerin konumlarını animasyonlu hale getirmede yararlıdır.

API Belge / Kılavuzu
AbsoluteLayout Örneği
Arka planda kod içeren bu sayfa / XAML sayfası için C# kodu
RelativeLayout RelativeLayout alt öğeleri kendisine veya eşdüzeylerine göre RelativeLayout konumlandırın. Bir çocuğun konumu, ve BoundsConstrainttüründeki Constraint nesnelere ayarlanmış ekli özellikler kullanılarak belirtilir.

API Belge / Kılavuzu
RelativeLayout Örneği
Bu sayfa XAML sayfası / için C# kodu
FlexLayout FlexLayout, genellikle esnek düzen veya esnek kutu olarak bilinen CSS Esnek Kutu Düzeni Modülünü temel alır. FlexLayout altı bağlanabilir özellik ve alt öğelerin birçok hizalama ve yönlendirme seçeneğiyle yığılması veya sarmalanması için beş eklenebilir özellik tanımlar.

API Belge / Kılavuzu
FlexLayout Örneği
Bu sayfa XAML sayfası / için C# kodu