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

V minulej lekcii, Android programovanie - Implementácia Kotlín kódu kalkulačky , sme implementovali Kotlin kód jednoduchej kalkulačky.

V minulej lekcii, Android programovanie - Implementácia Kotlín kódu kalkulačky , 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 eur

Došiel 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émiovej sekcie.

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íš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • 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.
Č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