Lekce 5 - Jednoduchá kalkulačka v Compose - Vytvoření finálního GUI
V minulé lekci, Jednoduchá kalkulačka v Compose - Tvorba komponent, jsme si ukázali, jak strukturovat Compose projekt a připravili jsme si tlačítka pro naší kalkulačku.
V dalším dílu našeho Compose tutoriálu se budeme nadále věnovat naší kalkulačce v Kotlin. Propojíme jednotlivé komponenty, aby se nám vytvořilo jedno ucelené grafické rozhraní. V této lekci si také představíme pojem state hoisting a základy problematiky ukládání stavu naší aplikace.
Začneme vložením jednotlivých komponent do společného grafického rozhraní. Připomeňme si, jak bude naše kalkulačka vypadat:
Propojení komponent
Z dřívějška máme připravené jednotlivé komponenty - tlačítka pro
matematické operace a výraznější tlačítko (=
) pro zobrazení
výsledku. Teď je důležité, abychom jednotlivé komponenty vložili do
finálního GUI. Na to budeme potřebovat další @Composable
metodu, kterou pojmenujeme Aplikace()
.
Otevřeme si soubor KalkulackaForm.kt
a doplníme do něj
hlavičku nové metody.
...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 vložíme komponenty kalkulačky do společného GUI. Vysvětlíme si i problematiku stavu naší aplikace, události a koncept state hoisting.
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íť.