Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 15 - Úprava vzhledu tlačítek a hlavičky Android aplikace

V minulé lekci, Vlastní Dialog v Android - Zobrazování vytvořených dialogů, jsme dokončili práci na projektu naší ukázkové aplikace s vlastním dialogovým oknem, které jsme si také vyzkoušeli zobrazit ve všech jeho variantách.

V dnešním Android tutoriálu si stručně ukážeme, jak nastylovat některé komponenty naší aplikace. Využijeme grafiky ITnetwork a upravíme podle ní vzhled tlačítek. Vytvoříme také hlavičku aplikace s logem ITnetwork. Výsledný styl poté využijeme v další ukázkové aplikaci k dialogovým oknům.

Tlačítka

Ukažme si nejprve, jakého vzhledu tlačítek budeme chtít dosáhnout:

Vzhled tlačítek

Soubor colors.xml

Otevřeme si XML soubor colors.xml s konstantami barev a doplníme jej o barvy ITnetwork:

<color name="itn_blue">#00386b</color>
<color name="itn_orange">#ef6534</color>
<color name="itn_black">#414042</color>
<color name="itn_green">#70b73a</color>
<color name="itn_gray">#c6c6c6</color>
<color name="itn_gray_text">#929292</color>

<color name="itn_blue_pressed">#117CDD</color>
<color name="itn_green_pressed">#53872C</color>
<color name="itn_white_pressed">#77BDBDBD</color>

Soubor res/values/dimens.xml

Dále vytvoříme nový soubor s rozměrovými konstantami, kde nastavíme


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V tutoriálu upravíme vzhled tlačítek aplikace a vytvoříme vlastní hlavičku s logem ITnetwork. Grafický styl využijeme v dalším projektu s dialogovými okny.
Článek pro vás napsal Pavel
Avatar
Autor se věnuje programování v Javě, hlavně pro Android. Mezi jeho další zájmy patří Arduino, Minecraft.
Aktivity