Źródło: Arkusze CKE
Przeprowadzając analizę kodu interfejsu graficznego napisanego w języku XAML, można zauważyć, że:
<StackLayout Orientation="Vertical">
<Label Text="Fotograf" />
<Image Source="obraz.jpg" Aspect="AspectFill" />
<StackLayout Orientation="Horizontal">
<Button Text="Like" />
<Button Text="Share" />
</StackLayout>
<Label Text="Fotka z moich wakacji" />
</StackLayout>
Warianty odpowiedzi
-
A
obraz znajduje się po lewej stronie, a pozostałe elementy po prawej
-
B
tekst "Fotograf" znajduje się po prawej stronie obrazu
-
C
przyciski są ustawione poziomo obok siebie
-
D
elementy: tekst, obraz, przycisk Like, przycisk Share, tekst są ułożone jeden pod drugim
Wyjaśnienie
Kontener StackLayout układa swoje elementy jeden obok drugiego w zależności od ustawionej właściwości Orientation.
Główny StackLayout ma orientację pionową, więc układa swoje dzieci od góry do dołu. Wewnątrz niego znajduje się jednak drugi, zagnieżdżony StackLayout z właściwością Orientation równą Horizontal.
To właśnie w tym wewnętrznym kontenerze umieszczono dwa przyciski, co powoduje, że zostaną one wyświetlone w jednym wierszu, poziomo obok siebie.