Okraje a odsazení

Vlastnosti okraj a odsazení určují chování rozložení při vykreslování elementu v uživatelském rozhraní. Tento článek ukazuje rozdíl mezi těmito dvěma vlastnostmi a postupem jejich nastavení.

Přehled

Okraj a odsazení jsou příbuzné koncepty rozložení:

Následující diagram znázorňuje dvě koncepce:

Okraje a odsazení –Koncepty

Všimněte si, že Xamarin_Forms _View_Margin "data-LINKTYPE =" absolutní cestu ">Margin hodnoty jsou aditivní. Proto pokud dva sousedící prvky určují okraj 20 pixelů, vzdálenost mezi prvky bude 40 pixelů. Kromě toho jsou přidány okraje a odsazení, pokud jsou obě aplikovány, v tom, že vzdálenost mezi elementem a jakýmkoli obsahem bude okraje a odsazení.

Určení tloušťky

Xamarin_Forms _View_Margin "data-LINKTYPE =" absolutní cestu ">Margin a Margin Xamarin_Forms _Layout_Padding" data-linktype = "absolutní cesta" >Padding vlastnosti jsou oba typy Thickness . Při vytváření struktury jsou k dispozici tři možnosti Thickness :

  • Vytvoří Thickness strukturu definovanou jednotnou hodnotou. Jedna hodnota se použije pro levý, horní, pravý a dolní stranu elementu.
  • Vytvoří Thickness strukturu definovanou vodorovnou a svislou hodnotou. Vodorovná hodnota je symetricky použita na levou a pravou stranu elementu, přičemž svislá hodnota je symetricky aplikována na horní a dolní stranu elementu.
  • Vytvořte Thickness strukturu definovanou čtyřmi jedinečnými hodnotami, které jsou aplikovány na levé, horní, pravé a dolní straně elementu.

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 zobrazen 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 ořízne nebo překreslí obsah.

Souhrn

Tento článek ukázal rozdíl mezi _View_Margin "data-LINKTYPE =" absolutní cesta ">Margin a Margin Xamarin_Forms _Layout_Padding data-linktype =" absolutní cesta ">Padding vlastnosti a jak je nastavit. Vlastnosti chování rozložení ovládacího prvku, když je prvek vykreslen v uživatelském rozhraní.