Egzamin zawodowyPortal części pisemnej

INF.04 · pytanie 642

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>

  1. Atekst "Fotograf" znajduje się po prawej stronie obrazu
  2. Bobraz znajduje się po lewej stronie, a pozostałe elementy po prawej
  3. Cprzyciski są ustawione poziomo obok siebiePoprawna
  4. Delementy: tekst, obraz, przycisk Like, przycisk Share, tekst są ułożone jeden pod drugim

Wyjaśnienie

W analizowanym kodzie XAML widzimy, że element <StackLayout> z atrybutem Orientation="Horizontal" zawiera przyciski <Button> z tekstami "Like" i "Share". W XAML, stosując stack layout z orientacją poziomą, elementy w nim zawarte są umieszczane obok siebie w rzędzie. To sprawia, że przyciski "Like" i "Share" są widoczne na interfejsie użytkownika ułożone poziomo, zgodnie z tym, co jest opisane w poprawnej odpowiedzi. Użycie StackLayout z orientacją poziomą to często spotykana praktyka w projektowaniu interfejsów, gdy chcemy zorganizować elementy w rzędzie, na przykład przyciski na pasku narzędzi. Zrozumienie tego mechanizmu jest istotne, ponieważ pozwala na efektywne zarządzanie przestrzenią w aplikacjach mobilnych i webowych, gdzie dostępne miejsce może być ograniczone. Praktyczne zastosowanie takiego układu można zobaczyć na przykład w projektowaniu formularzy, gdzie grupujemy elementy w logiczny sposób, ułatwiając użytkownikowi interakcję z aplikacją. Dobre praktyki w projektowaniu interfejsów użytkownika zalecają, aby układ elementów był intuicyjny i zgodny z oczekiwaniami użytkowników, co StackLayout z orientacją poziomą doskonale realizuje w wielu przypadkach.