10. diel - Pripomínač narodenín v Compose - Návrh designu
V minulej lekcii, Pripomínač narodenín v Compose - ViewModel , som si vytvorili ViewModel, ktorý využijeme na prepojenie logickej vrstvy aplikácie a užívateľského rozhrania.
V tomto tutoriále budeme pokračovať v práci na našom projekte pripomínača narodenín s využitím Compose. V dnešnej lekcii sa začneme venovať štýlovaniu aplikácie a prispôsobíme si jej vzhľad. Zmeníme predvolenú farebnú schému, font písma a definujeme štýl jednotlivých typov textu.
Úprava farieb aplikácie
Pri návrhu vlastného designu začneme najskôr úpravou farieb našej aplikácie. Aby sme to nerobili náhodne, budeme nasledovať odporúčané postupy, ktoré definuje Material Design 3. Naša schéma sa bude skladať z dvoch základných farieb. Primárna farba bude modrá a sekundárna farba červená. Iný odtieň červenej využijeme pre chybové správy. Ďalej deklarujeme farbu kontajnerov, ktoré budú mať svetlo modré pozadie a tmavomodrý text. V nočnom režime budú tmavé farby zosvetlené a naopak.
Deklarácia farieb
Svoje farby deklarujeme v súbor Color.kt v package
ui.theme. Ten máme v pripomínači vďaka Android Studiu
pripravený už od založenia projektu. Súbor obsahuje šesť
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
11 €
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V Compose tutoriále sa budeme venovať štylovaniu našej aplikácie. Vytvoríme nové farebné schémy a nastavíme štýl jednotlivým typom textov s vlastným fontom.
