Przedmiot

Programowanie aplikacji mobilnych

Cel lekcji

Poznanie pojęcia stylów w aplikacjach mobilnych oraz zrozumienie ich znaczenia podczas projektowania interfejsu użytkownika. Uczeń poznaje również sposób wykorzystania stylów w środowisku Android Studio i języku Java.

Wprowadzenie

Podczas korzystania z aplikacji mobilnych użytkownik zwraca uwagę nie tylko na ich funkcjonalność, ale również na wygląd. Czytelne napisy, odpowiednio dobrane kolory oraz spójny układ elementów sprawiają, że aplikacja jest łatwiejsza w obsłudze i bardziej atrakcyjna wizualnie.

Tworząc aplikacje mobilne, programista musi zadbać o jednolity wygląd wszystkich ekranów. W tym celu wykorzystuje się style, które pozwalają definiować zestawy cech wizualnych dla elementów interfejsu użytkownika.

W środowisku Android Studio style są wykorzystywane między innymi dla przycisków, pól tekstowych, napisów oraz innych komponentów widocznych na ekranie urządzenia.

Czym jest styl?

Styl to zbiór właściwości określających wygląd elementu interfejsu użytkownika.

Może on definiować między innymi:

kolor tekstu,
rozmiar tekstu,
rodzaj czcionki,
kolor tła,
marginesy,
odstępy,
wyrównanie zawartości.

Zamiast ustawiać te parametry osobno dla każdego elementu, można utworzyć jeden styl i przypisać go wielu komponentom.

Dlaczego stosujemy style?

Wyobraźmy sobie aplikację zawierającą kilkadziesiąt przycisków. Jeśli każdy z nich miałby być konfigurowany oddzielnie, zmiana wyglądu wymagałaby modyfikacji wielu elementów.

Style rozwiązują ten problem poprzez centralne zarządzanie wyglądem aplikacji.

Korzyści wynikające ze stosowania stylów:

zachowanie spójności wizualnej,
łatwiejsza modyfikacja projektu,
ograniczenie powielania kodu,
szybsze tworzenie interfejsów użytkownika,
większa przejrzystość projektu.

Style a doświadczenie użytkownika

Dobrze zaprojektowany interfejs wpływa na komfort korzystania z aplikacji.

Przykłady:

wszystkie przyciski wykonujące ważne operacje mogą mieć ten sam kolor,
nagłówki mogą być większe od zwykłego tekstu,
komunikaty ostrzegawcze mogą być wyróżnione inną barwą.

Dzięki temu użytkownik szybciej odnajduje potrzebne informacje i intuicyjnie korzysta z aplikacji.

Style w Android Studio

Podczas tworzenia aplikacji w Android Studio programista może definiować własne style oraz modyfikować style dostarczane przez system Android.

Style są przechowywane w specjalnych plikach zasobów projektu i mogą być wykorzystywane przez wszystkie ekrany aplikacji.

Programista tworzący aplikację w języku Java najczęściej korzysta ze stylów podczas projektowania warstwy graficznej aplikacji, natomiast logikę działania implementuje w klasach Java.

Można powiedzieć, że:

Java odpowiada za działanie aplikacji,
style odpowiadają za jej wygląd.

Dziedziczenie stylów

W projektowaniu aplikacji często wykorzystuje się mechanizm dziedziczenia.

Polega on na tworzeniu nowego stylu na podstawie już istniejącego.

Przykład:

istnieje styl dla zwykłego tekstu,
na jego podstawie tworzony jest styl nagłówka,
nowy styl zachowuje wcześniejsze ustawienia i dodaje własne cechy.

Takie rozwiązanie ułatwia organizację projektu oraz zmniejsza liczbę powtarzających się ustawień.

Style a motywy aplikacji

Pojęcia stylu i motywu są często mylone, jednak oznaczają różne rzeczy.

Styl

Dotyczy pojedynczego elementu interfejsu, np.:

przycisku,
pola tekstowego,
etykiety.

Motyw

Dotyczy całej aplikacji i określa jej ogólny wygląd, np.:

główne kolory,
wygląd paska narzędzi,
domyślne style komponentów.

Motyw można traktować jako zestaw stylów obowiązujących w całej aplikacji.

Znaczenie stylów w dużych projektach

W prostych aplikacjach liczba elementów interfejsu jest niewielka, dlatego zmiany wyglądu są stosunkowo łatwe.

W rozbudowanych projektach mogą występować setki komponentów rozmieszczonych na wielu ekranach.

W takich sytuacjach stosowanie stylów staje się koniecznością, ponieważ:

ułatwia pracę zespołową,
przyspiesza rozwój projektu,
pozwala zachować jednolite standardy wizualne,
zmniejsza ryzyko błędów.

Dobre praktyki podczas tworzenia stylów

Programiści powinni:

stosować czytelne nazwy stylów,
grupować style według przeznaczenia,
wykorzystywać dziedziczenie,
unikać duplikowania ustawień,
dbać o spójność kolorystyczną całej aplikacji.

Przemyślana organizacja stylów znacząco wpływa na jakość i łatwość utrzymania projektu.

Podsumowanie

Style są jednym z podstawowych elementów projektowania nowoczesnych aplikacji mobilnych. Pozwalają oddzielić wygląd interfejsu od logiki działania programu oraz ułatwiają zarządzanie projektem. W Android Studio, niezależnie od tego, że aplikacja jest tworzona w języku Java, style odgrywają bardzo ważną rolę w budowaniu estetycznych, czytelnych i profesjonalnych interfejsów użytkownika.

Ćwiczenie opisowe

Polecenie:

Wyobraź sobie, że tworzysz w Android Studio aplikację mobilną dla biblioteki szkolnej. Opisz, jakie style zastosowałbyś dla następujących elementów:

nagłówka aplikacji,
przycisku „Wyszukaj książkę”,
listy dostępnych książek,
komunikatów informacyjnych dla użytkownika.

W odpowiedzi wyjaśnij:

Jakie cechy wizualne miałyby poszczególne elementy (kolory, rozmiary tekstu, wyróżnienia).
Dlaczego zastosowanie stylów byłoby korzystne w takiej aplikacji.
Jakie problemy mogłyby pojawić się, gdyby każdy element był formatowany indywidualnie bez wykorzystania stylów.