Tworzenie prostego interfejsu z różnymi layoutami.

Cel lekcji

Uczeń potrafi:

  • dobrać odpowiedni layout do konkretnego elementu interfejsu
  • połączyć różne layouty w jednej aplikacji
  • stworzyć prosty interfejs użytkownika
  • reagować na zdarzenia kliknięcia
  • pobierać dane z pola edycyjnego
  • sprawdzać poprawność danych
  • zmieniać treść elementów
  • przełączać stan elementów (włącz/wyłącz)

Elementy aplikacji

  • napis (etykieta)
TextView
  • pole edycyjne
EditText
  • przycisk
Button
  • obraz
ImageView

Założenia widoku

  • ustawianie tekstu
element.setText("tekst");
  • pobieranie tekstu z pola
editText.getText().toString();
  • ustawienie podpowiedzi
editText.setHint("tekst");
  • zmiana koloru tła
element.setBackgroundColor(Color.parseColor("#ADD8E6"));
  • zmiana koloru tekstu
element.setTextColor(Color.parseColor("#000080"));
  • ustawienie marginesów (XML)
android:layout_margin="10dp"
  • ustawienie wysokości obrazu
android:layout_height="150dp"
  • rozkład liniowy
LinearLayout

Działanie aplikacji

1. Obsługa kliknięcia przycisku

button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {

    }
});

2. Tworzenie zmiennych

int liczba;
boolean stan = false;

3. Zamiana tekstu na liczbę

Integer.parseInt(wartosc);

4. Instrukcja warunkowa

if (warunek) {

} else {

}

5. Sprawdzenie zakresu

wartosc >= 1 && wartosc <= 12

6. Zmiana tekstu przycisku

button.setText("tekst");

7. Przełączanie stanu (włącz/wyłącz)

stan = !stan;

8. Wyświetlanie tekstu

textView.setText("tekst");

Zadanie

Napisz aplikację, która:

  • wyświetla sekcję pralki i odkurzacza
  • pobiera numer prania z pola edycyjnego
  • sprawdza, czy liczba mieści się w zakresie 1–12
  • wyświetla numer prania w odpowiednim formacie
  • obsługuje przycisk odkurzacza (włącz/wyłącz)
  • zmienia tekst przycisku oraz status urządzenia

Wskazówka

Do sprawdzania zakresu użyj instrukcji warunkowej, a do zmiany stanu przycisku zastosuj zmienną typu boolean.

Zadanie dodatkowe

Zmodyfikuj aplikację tak, aby:

  • wyświetlała komunikat przy błędnym numerze prania
  • zmieniała również status naładowania odkurzacza

Podgląd układu

a