Android - hierarchie widoków i ich wyświetlanie

• Materiały
  • Layouts
  • Android UI Layouts
  • Working with Layouts: Android Programming
• Projekt numer 4: napisać aplikację spełniającą następujące warunki
  • Na ekranie głównym powinny zaleźć się przyciski
    • FrameLayout
    • LinearLayout (Horizontal)
    • TableLayout
    • GridLayout
    • RelativeLayout
  • Ekran główny powinien mieć rozmieszczone elementy w oparciu o układ LinearLayout (Vertical).
  • Naciśnięcie przycisku powinno skutkować uruchomieniem nowej aktywności, w której elementy rozmieszczone są w oparciu o układ którego nazwa widnieje na naciskanym przycisku.
  • Wszystkie ekrany (z wyjątkiem głównego) powinny zawierać takie same elementy.
  • Proszę wykorzystać motyw do zmiany cech grupy elementów. Na przykład jeśli rozmieszczanymi elementami w aktywnościach będą przyciski, wówczas można za pomocą motywu okeślić jak one mają wyglądać.
• Co po tych zajęciach powinno się znać / wiedzieć / umieć
  • Znać podstawowe układy.
  • Wiedzieć co to jest styl i podać prosty przykład użycia.
  • Wiedzieć co to jest motyw i podać prosty przykład użycia.

Sposób testowania i oczekiwane efekty

Konkretny wygląd aplikacji zależy oczywiście od rozmieszczenia użytych komponentów. Ważne jest to, aby za każdym razem rozmieścić je w taki sposób aby pokazać zalety danego układu.

1. Na pierwszym ekranie (przygotowanym w oparciu o układ LinearLayout (Vertical)) powinniśmy zobaczyć zestaw przycisków pozwalających na przejście do aktywności pokazujących inne układy
   
   Powracamy do ekranu głównego (np. naciskając ESC gdy pracujemy w emulatorze) i naciskamy przycisk FrameLayout.
2. Powinniśmy zobaczyć komponenty rozmieszczone w oparciu o układ FrameLayout
   
   Powracamy do ekranu głównego i naciskamy przycisk LinearLayout (Horizontal).
3. Powinniśmy zobaczyć komponenty rozmieszczone w oparciu o układ LinearLayout (Horizontal)
   
   Powracamy do ekranu głównego i naciskamy przycisk TableLayout.
4. Powinniśmy zobaczyć komponenty rozmieszczone w oparciu o układ TableLayout
   
   Powracamy do ekranu głównego i naciskamy przycisk GridLayout.
5. Powinniśmy zobaczyć komponenty rozmieszczone w oparciu o układ GridLayout
   
   Powracamy do ekranu głównego i naciskamy przycisk RelativeLayout.
6. Powinniśmy zobaczyć komponenty rozmieszczone w oparciu o układ RelativeLayout
   
   

Użycie tematu ilustrują poniższe przykłady

• 
• 
• 

Wygląd edytora podczas pracy z poszczególnymi układami ilustrują poniższe przykłady

• LinearLayout (Vertical)
  • 
• FrameLayout
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
• LinearLayout (Horizontal)
  • 
  • 
  • 
  • 
  • 
• TableLayout
  • 
  • 
  • 
• GridLayout
  • 
  • 
  • 
• RelativeLayout
  • 
  • 
  • 
  • 

Dodatkowe zasoby

1. W ramach projektu utworzono strukturę katalogowo plikową pokazaną poniżej
   
   zawierającą następujące pliki
   • AndroidManifest.xml
   • activity_main.xml
   • activity_activity_frame_layout.xml
   • activity_activity_grid_layout.xml
   • activity_activity_linear_layout.xml
   • activity_activity_relative_layout.xml
   • activity_activity_table_layout.xml
   • MainActivity.java
   • ActivityFrameLayout.java
   • ActivityGridLayout.java
   • ActivityLinearLayout.java
   • ActivityRelativeLayout.java
   • ActivityTableLayout.java
   • strings.xml
   Dodatkowo w celu zademonstrowania użycia tematu edytowano pliki
   • colors.xml
   • styles.xml