Style komponentów

Kod źródłowy do tej lekcji znajduje się tutaj. Rozpakuj go i zaimportuj. W katalogu z kodem źródłowym znajdą się podkatalogi oznaczone numerami. Są to po prostu kolejne wersje kodu, tworzonego w ramach przykładów. Możesz analizować kolejne kroki tworzenia aplikacji, lub od razu zabrać się za kod z katalogu o najwyższym numerku.

Przypuśćmy że mam taką sytuację, mam trzy napisy na ekranie i dla wszystkich chcę określić taki sam kolor czcionki, wielkość czcionki, ewentualnie inne parametry.

Mógłbym to robić osobno dla każdego komponentu ustawiając parametry w pliku layoutu danej aktywności. To więcej pracy niż to warte, a ponadto gdybym zechciał coś zmienić, musiałbym zmieniać dla każdego komponentu osobno. Każdy kto napisał choć jedną podstronę w HTML powinien doskonale rozumieć w czym rzecz. Podobnie jak w HTML, tak i tutaj możemy zdefiniować style i z ich użyciem stosować określone własności dla wielu komponentów naraz. Filozofia jest podobna do stosowanych przy tworzeniu stron internetowych plików css.
Zaczynam od stworzenia pliku XML ze stylem. Klikam PPM na katalogu values będącym podkatalogiem katalogu res. Wybieram new-->Android XML File. Pojawia mi się takie okno:

Podaję nazwę pliku w którym opiszę styl komponentów. Nazwałem go styl_napisow. Teraz w pliku wprowadzam kilka zmian. Dodaję dwa różne style napisów. Zawartość mojego pliku ze stylami:

<?xml version="1.0" encoding="utf-8"?>

<resources xmlns:android="http://schemas.android.com/apk/res/android">

<style name="wielki_napis">

<item name="android:textSize">50dp</item>

<item name="android:textColor">#0000FF</item>

</style>

<style name="maly_napis">

<item name="android:textSize">20dp</item>

<item name="android:textColor">#FF0000</item>

</style>

</resources>

Jak widac określam wielkość i kolor czcionek. Są dwa style – dla dużego niebieskiego napisu, oraz mniejszego czerwonego. Można tutaj oczywiście określić znacznie więcej rzeczy – np. szerokość i wysokość komponentu, napis na nim, a nawet metodę która obsługuje kliknięcie komponentu. W pliku layoutu dla danej aktywności dodaję do komponentów nowy parametr: style, oraz wskazuję nazwę stylu sprzed momentem stworzonego pliku:

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginLeft="25dp"

android:layout_marginTop="35dp"

android:text="Napis numer 1"

style="@style/wielki_napis"

/>

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/textView1"

android:layout_below="@+id/textView1"

android:layout_marginTop="22dp"

android:text="Napis numer 2"

style="@style/maly_napis"

/>

Efekt po uruchomieniu:

Style możemy stosować dla wszelakich komponentów, nie tylko dla napisów.