Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 24 - Aplikace Zapisník v Kotlin - Formulář a ConstraintLayout

V minulé lekci, Aplikace Zapisník v Kotlin - Obsluha RecyclerView, jsme si ukázali práci s RecyclerView. Aplikace uměla pouze zobrazovat námi předdefinované transakce.

V dnešním Kotlin Android tutoriálu si vytvoříme formulář, který bude sloužit pro přidávání nových transakcí, pomocí důležitého layoutu ConstraintLayout.

Pravděpodobně víte, že moderní weby dnes počítají s tím, že uživatelé mají různě velké displeje (desktop, tablet, mobil...) a podle toho se přizpůsobují. U Android aplikací je situace podobná a my bychom měli počítat s tím, že uživatelé našich aplikací budou mít různě velké obrazovky.

Takže jak na to? Odpověď se jmenuje ConstraintLayout, což je způsob, jak definovat UI, aby se přizpůsobilo displeji.

V dnešní lekci přidáme do build.gradle následující reference na oficiální Android knihovny:

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šlenka není komplikovaná a je velmi podobná RelativeLayout. Jedná se pouze o to, že komponenty pozicujeme vůči stranám nebo prvkům. Lépe to pochopíme na ukázce. Pojďme tedy začít s návrhem formuláře.

Strings.xml

Již víme, že je dobrý návyk ukládat textové řetězce, barvy a styly do oddělených souborů. Tak tedy předtím, než se začneme věnovat ConstraintLayoutu, pojďme přidat potřebné textové řetězce do souboru strings.xml, který se nachází


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

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.

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.

Co od nás v dalších lekcích dostaneš?
  • 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:

Ukážeme si nezbytnou součást UI a to ConstraintLayout v Kotlin, čímž docílíme ideálního vzhledu naší Android aplikace na všech displejích.
Článek pro vás napsal 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