Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

6. diel - Aplikácie zápisník v Kotlin - Formulár a ConstraintLayout

V minulej lekcii, Aplikácie zápisník v Kotlin - Obsluha RecyclerView , sme si ukázali prácu s RecyclerView. Aplikácia vedela iba zobrazovať nami preddefinované transakcie. V dnešnom Kotlin Android tutoriálu si vytvoríme formulár, ktorý bude slúžiť pre pridávanie nových transakcií, pomocou dôležitého layoutu ConstraintLayout.

Pravdepodobne viete, že moderné weby dnes počítajú s tým, že užívatelia majú rôzne veľké displeje (desktop, tabliet, mobil ...) a podľa toho sa prispôsobujú. U Android aplikácií je situácia podobná a my by sme mali počítať s tým, že používatelia našich aplikácií budú mať rôzne veľké obrazovky.

Takže ako na to? Odpoveď sa volá ConstraintLayout, čo je spôsob, ako definovať UI, aby sa prispôsobilo displeji.

V dnešnej lekcii pridáme do build.gradle nasledujúce referencie na oficiálnej Android knižnice:

implementation 'com.android.support.constraint:constraint-layout:1.1.2' //ConstraintLayout
implementation 'com.android.support:design:28.0.0' //Material Design pro floating button

ConstraintLayout

Základná myšlienka nie je komplikovaná a je veľmi podobná RelativeLayout. Jedná sa len o to, že komponenty pozicujeme proti stranám alebo prvkom. Lepšie to pochopíme na ukážke. Poďme teda začať s návrhom formulára.

Strings.xml

Už vieme, že je dobrý návyk ukladať textové reťazce, farby a štýly do oddelených súborov. Tak teda predtým, než sa začneme venovať ConstraintLayout u, poďme pridať potrebné textové reťazce do súboru strings.xml, ktorý sa nachádza


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul 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émiové sekcie.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom za exkluzívnu cenu 830 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 39 článkom (26 lekcií, 6 testov, 7 praktických cvičení) s kontrolou a certifikáciou a ešte naviac ušetríš 221 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 21% zľavu.

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íš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • 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:

Ukážeme si nevyhnutnú súčasť UI a to ConstraintLayout v Kotlin, čím docielime ideálneho vzhľadu našej Android aplikácie na všetkých displejoch.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Samuel Kodytek
Avatar
Autor se věnuje všem jazykům okolo JVM. Rád pomáhá lidem, kteří se zajímají o programování. Věří, že všichni mají šanci se naučit programovat, jen je potřeba prorazit tu bariéru, který se říká lenost.
Aktivity