Rozdiely

Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.

--- kotlin-jetpack-compose [2025/08/14 10:20] – [Plugin ksp pre SQL anotácie] attilajancik
+++ kotlin-jetpack-compose [2025/11/05 13:49] (aktuálne) – [Jetpack Compose] attilajancik
@@ Riadok 1: / Riadok 1: @@
 ====== Jetpack Compose ======
+> Jetpack Compose je predurčený pre tvorbu UI na platforme Android.
+> Využitie API Jetpack Compose pre Multiplatform popisuje článok: [[kotlin-compose-multiplatform|Compose Multiplatform]]
 ===== Úvod =====
 Jetpack Compose je nástroj z produkcie **Google**. Používa sa pre tvorbu UI (GUI). Zároveň nahrádza pôvodnu deklaráciu formulárov a komponentov pôvodným XML definičnými súbormi za **deklaratívne** progromavanie, teda všetko je v jednom súbore a pomôcka je online zobrazovanie pri programovaní pomocou anotácie ''@Preview''.
-Komplexnosť komponentov ho predurčuje pre tvorbu **Multiplatform** aplikácií pre Android, iOS, desktop, web (export projektu do Xcode, JVM, JavaScript).
+Postup tvorenia kódu je jednoduchý. Vzhľad používateľského rozhrania zobrazovaného na displeji sa postupne skladá z existujúcich, alebo vlastných komponentov. Vlastné komponenty taktiež prijímajú stavy a vysielajú udalosti pomocou Live dát, ktoré využívajú dátové modely. Coroutines následne umožňujú reťaziť zobrazenia a vstupy v krátkom kóde.
+> Komplexnosť komponentov ho predurčuje pre tvorbu [[kotlin-multiplatform|Multiplatform]] aplikácií pre Android, iOS, desktop, web (export projektu do Xcode, JVM, JavaScript).
 Príklad komponentov nástroja Jetpack Compose: tlačítka, textové polia a iné z Material Design 3.
@@ Riadok 23: / Riadok 27: @@
 ===== Základné využitie - komponenty =====
+Základné štrukturovanie kompozície je prvkami:
+  * Column, FlowColumn
+  * Row, FlowRow
+  * Box
+**Modifikátory** umožňujú nastaviť rozmery, zarovnanie, odsadenie, interakcie a iné...
 Kompletná škála komponentov je na [[https://developer.android.com/develop/ui/compose/components|developer.android]]
@@ Riadok 84: / Riadok 95: @@
   * ''OutlinedButton(onclick = {...}, ...) {}'' - tlačítko s container pre TEXT() a iné
   * ''Checkbox()'' - zaškrtnutie voľby
-  * ''Screen() {}'' - kontajner
   * ''Scaffold()'' - kontajner
@@ Riadok 191: / Riadok 201: @@
   * ďalej pridať: **androidx.room**.gradle.plugin:2.8.0-alpha01
   * taktiež sa v odporúča pridať: **androidx.room**.compiler
+ďalej upraviť:
 === build.gradle.kts (prj) ===
@@ Riadok 320: / Riadok 332: @@
 Pre ich použitie je treba stiahnuť zip a vytvoriť v AS: app -> new Android Resource Directory : font/font a doňho nakopírovať vybrané zo stiahnutého zip-u. \\
 Samotná deklarácia tém je v ''ui/theme/Type.kt''.
 ----
-> Na článku sa pracuje...
-----
 ====== Linky ======
   * https://www.jetbrains.com/compose-multiplatform/
@@ Riadok 334: / Riadok 342: @@
   * https://www.jetbrains.com/help/kotlin-multiplatform-dev/get-started.html
   * https://www.itnetwork.cz/kotlin/compose
+  * developer.android.com - [[https://developer.android.com/courses/pathways/jetpack-compose-for-android-developers-1|video kurz]]