Výukový program pre návrh usporiadania systému Android: Všetko, čo potrebujete vedieť



Tento výukový program pre návrh rozloženia pre Android vám pomôže pochopiť, ako je možné navrhnúť rozloženia pomocou zobrazení a skupín s ukážkou.

Ak ste v , ste pristáli na ideálnom mieste, aby ste sa mohli začať učiť o dizajne rozloženia. Tento článok o výučbe návrhu usporiadania systému Android vám pomôže pri riešení problémuniekoľko užitočných tipov na vylepšenie dizajnu používateľského rozhrania a tiež vysvetľuje, ako navrhnúť používateľské rozhranie.

Budem diskutovať o nasledujúcich témach:





Tak poďme na to!

aké je použitie serializácie v jave

Výukový program pre návrh usporiadania systému Android: Úvod do komponentov používateľského rozhrania

Keď hovoríme o komponentoch používateľského rozhrania, typické používateľské rozhranie každej aplikácie pre Android sa skladá z týchto komponentov:



  • Hlavný panel akcií
  • Zobraziť kontrolu
  • Oblasť obsahu
  • Rozdelený panel akcií

Tieto hrajú hlavnú úlohu pri vývoji komplexnej aplikácie. Jasný prehľad o tom získate, keď prejdeme k ukážkovej sekcii tohto článku.

Ďalším dôležitým faktorom, ktorý pomáha pri prispôsobovaní návrhu používateľského rozhrania, by bola súčasť zobrazenia.

Pozrime sa, čo je zobrazenie



Výukový program pre návrh rozloženia pre Android: Názory

TO vyhliadka sa považuje za základný stavebný kameň správneho používateľského rozhrania, ktoré je v skutočnosti vytvorené z Zobraziť triedu . Toto zaberá na obrazovke obdĺžnikovú plochu a nakoniec sa postará o kreslenie a spracovanie udalostí.

Zobrazenie je základná trieda pre widgety, ktoré sa používajú na vytváranie interaktívnych komponentov používateľského rozhrania, ako sú tlačidlá, textové polia atď. Teraz, keď hovoríme o oblasti obdĺžnika alebo poli, môže to byť buď obrázok, časť textu, tlačidlo alebo všetko, čo dokáže zobraziť aplikácia pre Android. Obdĺžnik tu je v skutočnosti neviditeľný, ale každý pohľad má tvar obdĺžnika.

Mohla by vás zaujímať, aká môže byť veľkosť tohto obdĺžnika?

Odpoveďou je, že ju môžete nastaviť buď ručne, a to zadaním presnej veľkosti (so správnymi jednotkami), alebo použitím niektorých preddefinovaných hodnôt. Tieto preddefinované hodnoty sú match_parentand wrap_content. Toto match_parent znamená, že obsadí celé miesto dostupné na displeji zariadenia. Keďže zabaliť_obsah odkazuje, že zaberie iba toľko miesta, koľko je potrebné na zobrazenie jeho obsahu.

Teraz poďme poukázať na hlavné rozdiely medzi View a ViewGroup.

vyhliadka

  1. vyhliadka objekty sú základnými stavebnými kameňmi prvkov používateľského rozhrania v systéme Android.
  2. Pohľad je jednoduchý obdĺžnik, ktorý reaguje na akcie používateľa.
  3. Zobrazenie odkazuje na triedu android.view.View, ktorá je základnou triedou všetkých tried používateľského rozhrania.
  4. Príklady sú EditText, Button, CheckBox atď.

ViewGroup

  1. ViewGroup je neviditeľný kontajner, ktorý obsahuje View a ViewGroup.
  2. ViewGroup je základná trieda pre Rozloženia .
  3. Napríklad LinearLayout je ViewGroup, ktorá obsahuje Button (View) a ďalšie rozloženia tiež.

Poďme teraz dopredu a pochopme súčasné rozloženia.

Výukový program pre návrh rozloženia pre Android: Typy rozložení

TO rozloženie definuje štruktúru používateľského rozhrania v aplikácii. Všetky prvky v rozložení sú zostavené pomocou hierarchie prvkov vyhliadka a ViewGroup predmety.

Teraz sa pozrime, ako deklarovať rozloženie.

Rozloženie môžete deklarovať dvoma spôsobmi:

  • Deklarovať prvky používateľského rozhrania v XML. Android poskytuje priamy slovník XML, ktorý zodpovedá triedam a podtriedam View, ako sú napríklad widgety a rozloženia.

Poznámka: Na vytvorenie rozloženia XML pomocou rozhrania drag-and-drop môžete tiež použiť editor rozloženia aplikácie Android Studio.

  • Okamžité vytvorenie prvkov rozloženia na beh programu . Aplikácia môže vytvárať vyhliadka a ViewGroup objekty a programovo manipulovať s ich vlastnosťami.

Poďme sa rozprávať o rôznych typoch rozložení.

Používateľské rozhranie v systéme Android je hierarchiou zobrazení a skupín zobrazení. Skupiny ViewGroups budú prostrednými uzlami v hierarchii a zobrazeniami budú terminálne uzly.

  • Lineárne usporiadanie
  • Absolútne rozloženie
  • Relatívne rozloženie
  • Rozloženie stola
  • Rozloženie rámu

Poďme o nich diskutovať podrobne.

Lineárne usporiadanie

Lineárne rozloženie sa používa na umiestnenie jedného prvku na každý riadok. Takže všetky prvky budú umiestnené usporiadaným spôsobom zhora nadol. Toto je veľmi rozšírené rozloženie na vytváranie formulárov v systéme Android. Môže sa tiež označovať ako skupina pohľadov, ktorá zarovná všetky deti v jednom smere, vertikálne alebo horizontálne.

Absolútne rozloženie

V absolútnom rozložení môžete určiť presné súradnice každého ovládacieho prvku, ktorý chcete umiestniť. V tomto type rozloženia môžete poskytnúť presné súradnice X a Y každého ovládacieho prvku. Umožňuje vám určiť presnú polohu jeho potomkov.

Relatívne rozloženie

Relatívne rozloženie je a ViewGroup ktorý zobrazuje podriadené pohľady v relatívnych polohách. Vymôže určiť polohu prvkov vo vzťahu k iným prvkom alebo vo vzťahu k nadradenému kontajneru.

Rozloženie stola

Pomocou rozloženia tabuľky môžete vytvoriť tabuľku s riadkami a stĺpcami a umiestniť do nich prvky. V každom riadku môžete určiť jeden alebo viac prvkov. Týmto príkazom môžete vytvoriť nové rozloženie tabuľky.

Rozloženie rámu

Rozloženie rámu sa používa, ak chcete na každej obrazovke zobraziť jednu položku. Pomocou rozloženia rámu môžete mať viac položiek.Toto rozloženie rámu je zástupný symbol na obrazovke, ktorý môžete použiť na zobrazenie jedného pohľadu.

Výukový program pre návrh rozloženia pre Android: Jednotky merania

Keď zadávate veľkosť prvku v používateľskom rozhraní systému Android, určite by ste si mali pamätať nasledujúce jednotky merania.

Jednotka Popis
dp Nezávislý pixel hustoty. 1dp sa rovná jednému pixelu na a 160 dpi obrazovka.
sp Nezávislý pixel v mierke. Je to veľmi podobné dp, ale práve toto sa odporúča na určenie veľkostí písma.
bod Bod. Bod je definovaný ako 1/72 palca.
px Pixel. Zodpovedá skutočným pixelom na obrazovke

Poďme teraz k záverečnej téme tohto článku.

Výukový program pre návrh rozloženia pre Android: Ukážka

V tejto ukážkovej časti si ukážeme, ako pracovať s rozloženiami v Android Studio .

Prečítajte si do Android Studio.

Takto vyzerá rozloženie. Stačí vybrať výkres a nájdete niekoľko tried, pod ktorou môžete zvoliť ktorúkoľvek inú triedu. Môžete buď kódovať štruktúru rozloženia, alebo si môžete prezrieť dizajn a komponenty jednoducho pretiahnuť a pustiť do návrhového priestoru.

Demo - Výukový program pre rozloženie systému Android - Edureka

V strome komponentov môžete zobraziť komponenty, ktoré ste vybrali.

Tieto tiež nájdete v usporiadaní.

  1. Paleta : Toto obsahuje zoznam zobrazení a skupín zobrazení, ktoré môžete pretiahnuť do svojho rozloženia.
  2. Komponent Strom : Pozostáva z hierarchie zobrazenia pre vaše rozloženie.
  3. Panel nástrojov : Tlačidlá na konfiguráciu vzhľadu rozloženia v editore a na zmenu niekoľkých atribútov rozloženia.
  4. Dizajnérsky editor : Rozloženie v návrhovom alebo modrotlačovom zobrazení alebo v obidvoch. Považuje sa tiež za dizajnový priestor.
  5. Atribúty : Ovláda atribúty vybratého zobrazenia.

Týmto sa dostávame na koniec tohto článku venovaného „Výučbovému programu pre Android Layout Design Tutorial“. Dúfam, že máte jasno v tom, čo bolo s vami zdieľané v tomto tutoriále.Vďaka svojej kariére vo vývoji pre Android zostaňte naladení na ďalšie blogy a veľa šťastia.

Teraz, keď ste pochopili základné prvky návrhu rozloženia pre Android, sa pozrite na autor: Edureka, dôveryhodná online vzdelávacia spoločnosť so sieťou viac ako 250 000 spokojných študentov rozmiestnených po celom svete.

Certifikačný vzdelávací kurz Edureka pre vývoj aplikácií pre Android je určený pre študentov a profesionálov, ktorí sa chcú stať vývojármi pre Android. Kurz je navrhnutý tak, aby vám dal náskok v programovaní v jazyku Java a naučil vás základné aj pokročilé koncepty spolu s projektom, v ktorom sa od vás očakáva vytvorenie aplikácie v systéme Android.

Máte na nás otázku? Uveďte to v sekcii komentárov v tomto blogu „Android Layout Design Tutorial“ a my sa vám ozveme čo najskôr.