Android Programowanie aplikacji. Rusz głową! Wydanie II

Biblioteki wsparcia i paski aplikacji

303

jesteś tutaj 



¨

  Prosty pasek aplikacji

¨

  Pasek narzędzi

¨

  Akcja

¨

  Przycisk W górę

¨

  Akcja udostępniania

Dostosuj wygląd aplikacji

Wygląd aplikacji można modyfikować. Robi się to, przesłaniając właściwości

istniejącego motywu w pliku zasobów. Na przykład można zmienić kolor paska

aplikacji, paska stanu oraz wszelkich kontrolek interfejsu użytkownika.

Do przesłaniania motywów używany jest element

<item>

— dodaje się go

do elementu

<style>

, aby opisać każdą z wprowadzanych modyfikacji.

Spróbujemy teraz przesłonić trzy kolory zdefiniowane w używanym motywie.

Najpierw jednak upewnij się, że Twoja wersja pliku

styles.xml jest taka sama

jak ta przedstawiona poniżej:

<resources>

<!-- Podstawowy motyw aplikacji -->

<style name=”AppTheme” parent=”Theme.AppCompat.Light.DarkActionBar”>

<!-- Tu zmodyfikuj postać motywu. -->

<item name=”colorPrimary”>@color/colorPrimary</item>

<item name=”colorPrimaryDark”>@color/colorPrimaryDark</item>

<item name=”colorAccent”>@color/colorAccent</item>

</style>

</resources>

Powyższy fragment kodu wprowadza trzy modyfikacje opisane przez trzy

elementy

<item>

. Każdy z tych elementów zawiera atrybut

name

, określający,

jaką część motywu chcemy zmienić, oraz wartość określającą nową wartość,

której należy użyć, na przykład:

Istnieje całe mnóstwo innych właściwości motywów,

które można zmieniać, nie będziemy ich tu jednak

dokładniej przedstawiać. Wszelkie informacje na ich

temat można znaleźć na stronie https://developer.

android.com/guide/topics/ui/look-and-feel/themes.html.

name=”colorPrimary”

odwołuje się do głównego koloru aplikacji.

Jest on używany na pasku aplikacji i służy do nadanie jej „unikalności”.

name=”colorPrimaryDark”

to ciemna wersja głównego koloru

aplikacji. Jest on używany na pasku stanu.

name=”colorAccent”

określa kolor wszelkich kontrolek interfejsu

użytkownika, takich jak pola tekstowe oraz pola wyboru.

Nowy kolor każdej z tych właściwości motywu określamy

poprzez podanie wartości elementu

<item>

. Może to być zarówno

podana na stałe szesnastkowa wartość koloru, jak i odwołanie

do zasobu koloru. Zasoby kolorów zostaną przedstawione

dokładniej na następnej stronie.

<item name=”colorPrimary”>@color/colorPrimary</item>

Ten element spowoduje zmianę właściwości

motywu o nazwie colorPrimary i nadanie mu

nowej wartości, @color/colorPrimary.

Te trzy wiersze kodu

modyfikują motyw,

a konkretnie zmieniają trzy

określone w nim kolory.

colorPrimary to kolor

paska aplikacji.

colorPrimaryDark to

kolor paska stanu.

colorAccent to kolor wszelkich kontrolek

interfejsu użytkownika.

<xml>

</xml>

app/src/main

styles.xml

WloskieCoNieco

res

values