Lekce 10 - Upomínač narozenin v Compose - Návrh designu
V minulé lekci, Upomínač narozenin v Compose - ViewModel, jsem si vytvořili ViewModel, který využijeme k propojení logické vrstvy aplikace s uživatelským rozhraním.
V tomto tutoriálu budeme pokračovat v práci na našem projektu upomínače narozenin s využitím Compose. V dnešní lekci se začneme věnovat stylování aplikace a přizpůsobíme si její vzhled. Změníme výchozí barevné schéma, font písma a nadefinujeme styl jednotlivých typů textu.
Úprava barev aplikace
Při návrhu vlastního designu začneme nejprve úpravou barev naší aplikace. Abychom to nedělali náhodně, budeme následovat doporučené postupy, které definuje Material Design 3. Naše schéma se bude skládat ze dvou základních barev. Primární barva bude modrá a sekundární barva bude červená. Jiný odstín červené využijeme pro chybové zprávy. Dále deklarujeme barvu kontejnerů, které budou mít světle modré pozadí a tmavě modrý text. V nočním režimu budou tmavé barvy zesvětlené a naopak.
Deklarace barev
Své barvy deklarujeme v souboru Color.kt v package
ui.theme. Soubor máme v upomínači díky Android Studiu
připravený již od založení projektu. Soubor obsahuje šest
...konec náhledu článku...
Pokračuj dál
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.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- 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 Compose tutoriálu se budeme věnovat stylování naší aplikace. Vytvoříme nová barevná schémata a nastavíme styl jednotlivým typům textů s vlastním fontem.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
