V príspevku o vytvorení prvého projektu na Androide sme potom videli, ako vytvoriť našu základnú aplikáciu, prezreli sme si štruktúru projektu a rôzne koncepty ako SDK, Manifest a aktivity a ich životný cyklus, teraz budeme pokračovať v úprave aktuálneho projektu s cieľom prehĺbiť tvorbu aplikácií.
Ako už bolo spomenuté, upravíme aplikáciu vytvorenú v tomto zázname, kde sme postavili prvý projekt Android, zostaneme tam na tejto obrazovke
Tam vidíme, že predvolená aplikácia vytvára komponent TextView s textom „Hello World“ z pohľadu Split. (Ak v tomto bode neviete, ako vytvoriť aplikáciu, odporúčame vám prečítať si vyššie uvedený záznam.)
Tým, že sme tu, upravíme tento pohľad pridaním nových komponentov, ak potom prejdeme do výkresového pohľadu, môžeme si upraviť obrazovku podľa seba, v tomto prípade vytvoríme nasledovné rozhranie.
Ako vidíme, pridali sme komponent PlainText, ktorý v skutočnosti zodpovedá editačnému poľu alebo ktorý môže mať vlastnosti ako obyčajný text, heslo, Telefón, Mail a iné, rovnakým spôsobom nám definované rozloženie umožňuje meniť veľkosť komponenty a priradiť relatívnu pozíciu, v tomto prípade má textové pole polohu relatívne k textView nadpisu.
Ak prejdeme do zobrazenia Split, uvidíme vygenerovaný xml kód a odtiaľto môžeme manuálne upraviť vlastnosti, v tomto prípade bola do nadpisu pridaná farba a veľkosť 25sp, všimnite si, že každý komponent má vlastnosť id , ako aj vlastnosti na ovládanie umiestnenia komponentu na obrazovke.
Nájdeme ďalšie komponenty ako napr tip čo zodpovedá a zástupný symbol ktorý je zobrazený, keď je pole prázdne, možno rovnakým spôsobom pridať ďalšie vlastnosti na štýl komponentu.
Teraz komponent ako ktorý má tiež vlastnosť id, ktorá je relatívna ku komponentu textového poľa, v tomto prípade modifikujeme identifikátor.
Aplikačná logika.
Na vykonanie logického a informačného spracovania prejdeme do triedy MainActivity.kt, odtiaľ získame grafické komponenty cez ich id pomocou metódy findViewById().
Pridáme udalosť kliknutia na tlačidlo a vytvoríme funkciu s názvom onClick() (môže byť volaná akýmkoľvek spôsobom)
V tejto funkcii je pridaná logika na zachytenie hodnoty textového poľa, na ktoré sa odkazuje rovnakým spôsobom ako na tlačidlo, ale v tomto prípade sa vytvorí komponent typu EditText, ktorý odkazuje na id textového poľa.
Následne sa získa hodnota poľa a pridá sa k premennej String, ktorá je potom prezentovaná v komponente typu Toast, ktorý umožňuje zobrazenie dočasnej správy na obrazovke.
Po spustení aplikácie sa spustí emulátor a môžeme otestovať systém pridaním používateľského mena a stlačením tlačidla “enter”, vidíme, ako sa zobrazuje Toast, ktorý trvá niekoľko sekúnd.
Potom obrazovku upravíme pridaním ďalšieho komponentu TextView bez textu, ktorý bude slúžiť na zobrazenie informácie o zadanom mene, teraz však priamo na obrazovke.
Na vykonanie tejto logiky sa vrátime späť do triedy MainActivity.kt a vo funkcii odkážeme na komponent EditText s priradeným id a následne odošleme správu, ktorú chceme zobraziť.
Neskôr aplikáciu opäť spustíme a máme nasledujúci výsledok.
Ďalšou alternatívou k zachytávaniu údajov je deklarovať komponenty globálne, čím sa vyhnete ich deklarovaniu v každej funkcii:
Dôležité používať!! aby ste zabránili tomu, aby ste mali nulové referencie.
Pozorovanie:
V riadkoch 11 a 12 sa používa nullsafety, toto je funkcia Kotlin, ktorá vám umožňuje ovládať hodnoty null v rámci aplikácie a bráni jej načítať populárnu výnimku NullPointerException, nemôžeme priradiť hodnoty null priamo, ale týmto spôsobom, keď uvedieme Upraviť text? hovoríme kompilátoru, že toto pole môže mať nulový odkaz a umožňuje jeho spracovanie.
v riadkoch 26 a 27 sa používa !! povedať kompilátoru, aby nekontroloval, či je hodnota null a teda sa dá bez problémov skompilovať, ale ak je null, hodíme výnimku do konzoly v prípade, že vieme, že môže prísť nulová hodnota a my ju chceme aj tak spracovať
Ďalšou odporúčanou alternatívou by bolo uskutočniť bezpečné volania, takže keď sa pokúsite zavolať objekt, ak je null, výnimka nebude vyvolaná, ale hodnota null bude uložená bez ukončenia procesu, takže premenná musí mať hodnotu null pre aby to bolo správne zostavené.
A je to, s tým máme našu prvú funkčnú aplikáciu so zberom dát a udalosťami tlačidiel.
Môže vás to tiež zaujímať.
Je niečo, čo by ste chceli pridať alebo komentovať k tomuto záznamu? pokojne urob….A ak sa vám to páčilo... pozývam vás na zdieľanie Y Prihláste sa na odber kliknutím na tlačidlo „Pripojiť sa k tejto stránke“ a vypočujte si viac podobných príspevkov 😉