1- Xamarin Forms'ta Stack Layout
Stack Layout'un içerisine eklenen kontrollerin margin ve padding'ini kolayca ayarlayabiliriz
Önceki yazımda uygulamamızda nasıl hamburger menü yapacağımızdan bahsetmiştim. Şimdi bu menüyü düzenleyelim.
- Padding ile label'lar arasında ne kadar boşluk koymak istediğimizi belirliyoruz.Padding ile değer verirken left,top,right,bottom sırasıyla değerleri veriyoruz.
- VerticalOption Center ise o objeyi dikeyde ortalamamızı sağlıyor.
- CenterAndExpand ise her çözünürlükte ekranın ortasında hizalanmasını sağlıyor.
2- Xamarin Forms'ta Relative Layout
Ekran boyutundan bağımsız olarak kontrollerimizi konumlandırabileceğimiz bir yapıdır.
Constraint.Constant(50) ile verdiğimiz değerler ile objenin sayfadaki yerini belirleyebiliyoruz.
RelativeToParent kontrolümüzün parent olarak verilen objeyi referans alarak x y ve width height değerlerini vermemizi sağlar.
Örneğin red kontrolünün x y ve width height özelliklerini kullanarak değer vermemizi sağlar. A objesi b objesinin içine ekleniyorsa A objesi b objesinin parent'ıdır. Burada green box'ın parent'ı relative layout'tur.
RelativeToView ile baz alacağımız view ı veririz bu başka bir objede olabilir.Red Box'ı parent olarak alalım.Burada parent relative layout'u, toView ise red box'ı işaret ediyor. Böylece hem parent'ın hem redbox ın özelliklerine erişebiliriz.
Burada Green box x ekseninde parent olarak relative layout'u aldı 90 ekleyerek 0 noktasından x ekseninde ilerlettik. Y ekseninde ise red box'ı parent olarak alıp y koordinatına eriştik ve aynı hizada olmasını sağladık.
3- Xamarin Forms'ta Grid
Kontrollerin dizilişlerini satır ve sutun olarak düzenleyebildiğimiz tablo yapısıdır.
RowDefinitions satıra yükseklik vermek için kullanılır.
<RowDefinition Height="Auto"></RowDefinition> row içinde label olduğunu düşünelim bu label'daki textin boyutuna göre row'u boyutlandırır.
Yorumlar
Yorum Gönder