Kenar Boşlukları ve Doldurma

Kenar Boşluğu ve Doldurma özellikleri, kullanıcı arabiriminde bir öğe işleniyorken düzen davranışını kontrol eder. Bu makalede, iki özellik arasındaki fark ve bunların nasıl ayarlanları gösterir.

Genel Bakış

Kenar boşluğu ve doldurma ilgili düzen kavramlarıdır:

• Xamarin_Forms _View_Margin" data-linktype="absolute-path">özelliği bir öğe ile bitişik öğeleri arasındaki mesafeyi temsil eder ve öğenin işleme konumunu ve komşularının işleme konumunu kontrol etmek Margin için kullanılır. Margindeğerler düzen ve görünüm Marginbelirtilebilir.
• Xamarin_Forms _Layout_Padding" data-linktype="absolute-path">özelliği bir öğe ile alt öğeleri arasındaki mesafeyi temsil eder ve denetimi kendi içeriğinden ayırmak Padding için kullanılır. Paddingdeğerler düzen sınıflarında Padding

Aşağıdaki diyagramda iki kavram göstermektedir:

Boşlukları ve Doldurma

"Xamarin_Forms _View_Margin="absolute-path">Margin değerleri eklenebilir. Bu nedenle, bitişik iki öğe 20 piksel kenar boşluğu belirtirse, öğeler arasındaki uzaklık 40 piksel olur. Buna ek olarak, her ikisi de uygulandığında kenar boşluğu ve doldurma eklenebilir. Bu durumda bir öğe ile herhangi bir içerik arasındaki uzaklık kenar boşluğu artı doldurma olur.

Kalınlık Belirtme

Xamarin_Forms _View_Margin" data-linktype="absolute-path">ve Margin Xamarin_Forms Margin _Layout_Padding" data-linktype="absolute-path">PaddingThickness özelliklerinin her ikisi de türündedir. Yapı oluştururken üç olasılık Thickness vardır:

• Tek bir Thickness tekdüdüz değerle tanımlanan bir yapı oluşturun. Tek değer öğenin sol, üst, sağ ve alt tarafına uygulanır.
• Yatay ve Thickness dikey değerlerle tanımlanan bir yapı oluşturun. Yatay değer öğenin sol ve sağ tarafına simetrik olarak uygulanır ve dikey değer öğenin üst ve alt kenarlarına simetrik olarak uygulanır.
• Öğenin sol, üst, sağ ve alt tarafına uygulanan Thickness dört ayrı değerle tanımlanan bir yapı oluşturun.

Aşağıdaki XAML kod örneği üç olasılığı da gösterir:

<StackLayout Padding="0,20,0,0">
  <Label Text="Xamarin.Forms" Margin="20" />
  <Label Text="Xamarin.iOS" Margin="10, 15" />
  <Label Text="Xamarin.Android" Margin="0, 20, 15, 5" />
</StackLayout>

Eşdeğer C# kodu aşağıdaki kod örneğinde gösterilmiştir:

var stackLayout = new StackLayout {
  Padding = new Thickness(0,20,0,0),
  Children = {
    new Label { Text = "Xamarin.Forms", Margin = new Thickness (20) },
    new Label { Text = "Xamarin.iOS", Margin = new Thickness (10, 25) },
    new Label { Text = "Xamarin.Android", Margin = new Thickness (0, 20, 15, 5) }
  }
};

Özet

Bu makalede Xamarin_Forms _View_Margin" data-linktype="absolute-path">Margin ve Xamarin_Forms Margin _Layout_Padding" data-linktype="absolute-path">Padding özellikleri arasındaki fark ve bunların nasıl ayarlandı? Özellikler, kullanıcı arabiriminde bir öğe işleniyorken düzen davranışını kontrol eder.

İlişkili Bağlantılar

• Xamarin_Forms _View_Margin" data-linktype="absolute-path">Margin
• Xamarin_Forms _Layout_Padding" data-linktype="absolute-path">Doldurma
• Kalınlık