Výukový program pro návrh rozvržení systému Android: Vše, co potřebujete vědět

Tento výukový program pro návrh rozvržení systému Android vám pomůže pochopit, jak lze rozvržení navrhovat pomocí pohledů a skupin s ukázkou.

Pokud jste v , jste přistáli na ideálním místě, kde můžete začít s učením o designu rozvržení. Tento článek o výukovém programu pro návrh rozvržení systému Android vám pomůže s tímněkolik užitečných tipů pro lepší design uživatelského rozhraní a také vysvětluje, jak design uživatelského rozhraní.

Budu diskutovat o následujících tématech:





Pojďme tedy začít!

cast double na int v Javě

Výukový program pro návrh rozložení pro Android: Úvod do komponent uživatelského rozhraní

Když mluvíme o komponentách uživatelského rozhraní, typické uživatelské rozhraní jakékoli aplikace pro Android se skládá z těchto komponent:



  • Hlavní panel akcí
  • Zobrazit ovládání
  • Oblast obsahu
  • Rozdělená akční lišta

Ty hrají hlavní roli při vývoji komplexní aplikace. Získáte jasný přehled o tom, až se dostaneme k ukázkové části tohoto článku.

Dalším důležitým faktorem, který pomáhá při přizpůsobení designu uživatelského rozhraní, by byla komponenta zobrazení.

Podívejme se, co je to Pohled



Výukový program pro návrh rozložení pro Android: Pohledy

NA Pohled je považován za základní stavební kámen správného uživatelského rozhraní, které je ve skutečnosti vytvořeno z Zobrazit třídu . Toto zabírá obdélníkovou oblast na obrazovce a nakonec se postará o kreslení a zpracování událostí.

Pohled je základní třída pro widgety, které se používají k vytváření interaktivních komponent uživatelského rozhraní, jako jsou tlačítka, textová pole atd. Nyní, když mluvíme o oblasti obdélníku nebo o poli, může to být buď obrázek, text, tlačítko nebo cokoli, co může aplikace pro Android zobrazit. Obdélník zde je ve skutečnosti neviditelný, ale každý pohled zaujímá obdélníkový tvar.

Možná máte otázku, jaká může být velikost tohoto obdélníku?

Odpověď je, že ji můžete nastavit ručně zadáním přesné velikosti (se správnými jednotkami) nebo pomocí některých předdefinovaných hodnot. Tyto předdefinované hodnoty jsou match_parentand wrap_content. Tento match_parent znamená, že obsadí celé místo dostupné na displeji zařízení. Zatímco, obsah zábal odkazuje, že bude zabírat pouze tolik místa, kolik je zapotřebí k zobrazení jeho obsahu.

Nyní upozorníme na hlavní rozdíly mezi View a ViewGroup.

Pohled

  1. Pohled objekty jsou základními stavebními kameny prvků uživatelského rozhraní v systému Android.
  2. Pohled je jednoduchý obdélníkový rámeček, který reaguje na akce uživatele.
  3. Pohled odkazuje na třídu android.view.View, která je základní třídou všech tříd uživatelského rozhraní.
  4. Příkladem jsou EditText, Button, CheckBox atd.

ViewGroup

  1. ViewGroup je neviditelný kontejner, který obsahuje View a ViewGroup.
  2. ViewGroup je základní třída pro Rozvržení .
  3. Například LinearLayout je ViewGroup, která obsahuje Button (View) a další rozložení také.

Nyní pojďme kupředu a pochopme přítomná rozložení.

Výukový program pro návrh rozložení pro Android: Typy rozvržení

NA rozložení definuje strukturu uživatelského rozhraní v aplikaci. Všechny prvky v rozložení jsou sestaveny pomocí hierarchie Pohled a ViewGroup předměty.

Nyní se podívejme, jak deklarovat rozložení.

Rozložení můžete deklarovat dvěma způsoby:

  • Deklarovat prvky uživatelského rozhraní v XML. Android poskytuje přímou slovní zásobu XML, která odpovídá View třídám a podtřídám, jako jsou widgety a rozložení.

Poznámka: Editor rozložení Android Studio můžete také použít k vytvoření rozvržení XML pomocí rozhraní drag-and-drop.

  • Vytvořte instanci prvků rozvržení na doba běhu . Aplikace může vytvářet Pohled a ViewGroup objekty a programově manipulovat s jejich vlastnostmi.

Pojďme diskutovat o různých typech rozvržení.

Uživatelské rozhraní v systému Android je hierarchie zobrazení a skupin zobrazení. ViewGroups budou mezilehlé uzly v hierarchii a zobrazení budou terminální uzly.

  • Lineární rozložení
  • Absolutní rozložení
  • Relativní rozložení
  • Rozložení tabulky
  • Rozložení rámu

Pojďme si o nich podrobně promluvit.

Lineární rozložení

Lineární rozložení se používá k umístění jednoho prvku na každý řádek. Takže všechny prvky budou umístěny uspořádaným způsobem shora dolů. Toto je velmi široce používané rozložení pro vytváření formulářů v systému Android. Lze jej také označit jako skupinu pohledů, která zarovná všechny děti v jednom směru, svisle nebo vodorovně.

Absolutní rozložení

V absolutním rozvržení můžete určit přesné souřadnice každého ovládacího prvku, který chcete umístit. V tomto typu rozložení můžete zadat přesné souřadnice X a Y každého ovládacího prvku. Umožňuje určit přesnou polohu jeho podřízených položek.

Relativní rozložení

Relativní rozložení je a ViewGroup který zobrazuje podřízené pohledy v relativních polohách. Vymůže určit polohu prvků ve vztahu k jiným prvkům nebo ve vztahu k nadřazenému kontejneru.

Rozložení tabulky

Pomocí rozložení tabulky můžete vytvořit tabulku s řádky a sloupci a umístit do nich prvky. V každém řádku můžete určit jeden nebo více prvků. Tento příkaz můžete použít k vytvoření nového rozložení tabulky.

Rozložení rámu

Rozvržení rámečku se používá, když chcete na každé obrazovce zobrazit jednu položku. Pomocí rozvržení rámečku můžete mít více položek.Toto rozvržení rámečku je zástupný symbol na obrazovce, který můžete použít k zobrazení jednoho pohledu.

Výukový program pro návrh rozložení pro Android: Jednotky měření

Když zadáváte velikost prvku v uživatelském rozhraní Android, měli byste si určitě pamatovat následující měrné jednotky.

Jednotka Popis
dp Nezávislý pixel hustoty. 1dp je ekvivalentní jednomu pixelu na a 160 dpi obrazovka.
sp Měřítko nezávislého pixelu. To je velmi podobné dp, ale jen to se doporučuje pro určení velikosti písma.
pt Směřovat. Bod je definován jako 1/72 palce.
px Pixel. Odpovídá skutečným pixelům na obrazovce

Nyní pojďme k závěrečnému tématu tohoto článku.

Výukový program pro návrh rozložení pro Android: Ukázka

V této ukázkové sekci si vysvětlíme, jak pracovat s rozvržením Android Studio .

Viz do aplikace Android Studio.

Takto vypadá rozložení. Stačí vybrat kreslení a najdete několik kurzů, vyberte libovolný jiný kurz pod tímto obrázkem. Můžete buď kódovat strukturu rozvržení, nebo zobrazit design a jednoduše přetáhnout komponenty v návrhovém prostoru.

Demo - Výukový program pro návrh rozvržení systému Android - Edureka

Ve stromu komponent můžete zobrazit komponenty, které jste vybrali.

Najdete je také v rozložení.

  1. Paleta : Toto obsahuje seznam pohledů a skupin pohledů, které můžete přetáhnout do svého rozložení.
  2. Součástka Strom : Skládá se z hierarchie zobrazení pro vaše rozložení.
  3. Panel nástrojů : Tlačítka pro konfiguraci vzhledu rozvržení v editoru a pro změnu několika atributů rozvržení.
  4. Editor designu : Rozložení v zobrazení Návrh nebo Plán, nebo obojí. Také považován za designový prostor.
  5. Atributy : Ovládá atributy vybraného pohledu.

Tímto se dostáváme na konec tohoto článku v příručce „Android Layout Design Tutorial“. Doufám, že máte jasno v tom, co bylo s vámi v tomto tutoriálu sdíleno.Zůstaňte naladěni na další blogy a hodně štěstí s vaší vývojovou kariérou pro Android.

Nyní, když jste pochopili základy Android Layout Design, podívejte se na Edureka, důvěryhodná online vzdělávací společnost se sítí více než 250 000 spokojených studentů po celém světě.

Certifikační výcvikový kurz Edureka pro vývoj aplikací pro Android je určen pro studenty a profesionály, kteří chtějí být vývojářem pro Android. Kurz je navržen tak, aby vám poskytl náskok v programování v jazyce Java a naučil vás základní i pokročilé koncepty spolu s projektem, kde se od vás očekává vytvoření aplikace v systému Android.

Máte na nás dotaz? Uveďte to prosím v sekci komentářů v tomto blogu „Android Layout Design Tutorial“ a my se vám ozveme co nejdříve.