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.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
275 Kč
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íš s Provozními podmínkami.
- 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 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.
