Okraje a odsazení

  • Článek
  • 2 min ke čtení

Vlastnosti Margin a Padding řídí chování rozložení při vykreslení prvku v uživatelském rozhraní. Tento článek ukazuje rozdíl mezi těmito dvěma vlastnostmi a jejich nastavení.

Přehled

Okraje a odsazení jsou související koncepty rozložení:

Následující diagram znázorňuje dva koncepty:

– okraje akoncepty odsazení

Všimněte si Xamarin_Forms _View_Margin data-linktype="absolute-path">Margin hodnoty sčítá. Proto pokud dva sousední prvky určují okraj 20 pixelů, bude vzdálenost mezi prvky 40 pixelů. Kromě toho jsou okraje a odsazení při použití obou sčítání v tom, že vzdálenost mezi prvkem a libovolným obsahem bude okraj plus odsazení.

Určení tloušťky

Vlastnosti Xamarin_Forms _View_Margin" data-linktype="absolute-path">a MarginMargin Xamarin_Forms _Layout_Padding" data-linktype="absolute-path">Padding jsou Thickness obě typu . Při vytváření struktury existují tři Thickness možnosti:

  • Vytvořte strukturu Thickness definovanou jednou jednotnou hodnotou. Jedna hodnota se použije na levou, horní, pravou a dolní stranu prvku.
  • Vytvořte strukturu Thickness definovanou vodorovnými a svislými hodnotami. Vodorovná hodnota se symetricky používá na levé a pravé straně prvku, kdy svislá hodnota se symetricky aplikuje na horní a dolní stranu prvku.
  • Vytvořte strukturu definovanou čtyřmi odlišnými hodnotami, které se použijí na levé, horní, pravé a dolní Thickness straně prvku.

Následující příklad kódu XAML ukazuje všechny tři možnosti:

<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>

Ekvivalentní kód jazyka C# je znázorněn v následujícím příkladu kódu:

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) }
  }
};

Poznámka

Thickness Hodnoty mohou být záporné, což obvykle klipy nebo překresluje obsah.

Souhrn

Tento článek ukázal rozdíl mezi vlastnostmi Xamarin_Forms _View_Margin" data-linktype="absolute-path">a Margin Xamarin_Forms Margin _Layout_Padding" data-linktype="absolute-path">a Padding způsobem jejich nastavení. Vlastnosti řídí chování rozložení při vykreslení prvku v uživatelském rozhraní.