Android Layout Design Tutorial: Allt du behöver veta



Den här Android Layout Design Tutorial hjälper dig att förstå hur layouter kan utformas med hjälp av vyerna och visningsgrupperna med en demo.

Om du är ny på , har du hamnat på det perfekta stället att börja lära dig om layoutdesignen. Den här artikeln om Android-layoutdesignhandledning hjälper dig att komma ut mednågra användbara tips för att skapa en bättre UI-design och förklarar också hur man utformar ett UI.

Jag kommer att diskutera nedanstående ämnen:





Så, låt oss komma igång!

skillnader mellan hashmap och hashtable

Android Layout Design Tutorial: Introduktion till UI-komponenter

När vi pratar om UI-komponenterna består det typiska UI för alla Android-applikationer av dessa komponenter:



  • Huvudåtgärdsfält
  • Visa kontroll
  • Innehållsområde
  • Split Action Bar

Dessa spelar en viktig roll när du utvecklar en komplex applikation. Du får en tydlig bild av detta när vi kommer till demo-avsnittet i den här artikeln.

En annan viktig faktor som hjälper till att anpassa användargränssnittsdesignen är synkomponenten.

Låt oss se vad som är en vy i



Android Layout Design Tutorial: Visningar

TILL Se betraktas som en grundläggande byggsten för ett korrekt användargränssnitt som faktiskt skapas från Visa klass . Detta upptar ett rektangulärt område på skärmen och tar så småningom hand om ritning och händelsehantering.

En vy är basklassen för widgets, som används för att skapa interaktiva användargränssnittskomponenter som knappar, textfält etc. Nu talar vi om rektangelområdet eller en ruta, det kan antingen vara en bild, en bit text, en knapp eller allt som en Android-applikation kan visa. Rektangeln här är faktiskt osynlig, men varje vy har en rektangelform.

Du kanske har en fråga, vad kan storleken på denna rektangel vara?

Svaret är att du kan antingen ställa in det manuellt genom att ange exakt storlek (med rätt enheter) eller genom att använda några fördefinierade värden. Dessa fördefinierade värden är match_parentand wrap_content. Detta match_parent betyder att den kommer att uppta hela det tillgängliga utrymmet på enhetens display. Med beaktande av att wrap_content hänvisar till att den bara tar upp så mycket utrymme som krävs för att dess innehåll ska visas.

Låt oss nu påpeka de stora skillnaderna mellan View och ViewGroup.

Se

  1. Se objekt är de grundläggande byggstenarna för UI-elementen i Android.
  2. En vy är en enkel rektangelruta som svarar på användarens handlingar.
  3. View hänvisar till android.view.View-klassen, som är basklassen för alla UI-klasser.
  4. Exempel är EditText, Button, CheckBox, etc.

ViewGroup

  1. ViewGroup är den osynliga behållaren som innehåller View och ViewGroup.
  2. ViewGroup är basklassen för Layouter .
  3. LinearLayout är till exempel den ViewGroup som innehåller Button (View) och andra layouter också.

Låt oss nu gå vidare och förstå de layouter som finns.

Android Layout Design Tutorial: Typer av layouter

TILL layout definierar strukturen för ett användargränssnitt i applikationen. Alla element i layouten är byggda med hjälp av en hierarki av Se och ViewGroup objekt.

Låt oss nu se hur man deklarerar layouten.

Du kan deklarera en layout på två sätt:

  • Förklara UI-element i XML. Android tillhandahåller ett enkelt XML-vokabulär som motsvarar Visa klasser och underklasser, till exempel de för widgets och layouter.

Notera: Du kan också använda Android Studios Layout Editor för att bygga din XML-layout med ett dra-och-släpp-gränssnitt.

  • Instantiera layoutelement vid körtid . Applikationen kan skapa Se och ViewGroup objekt och manipulera deras egenskaper programmatiskt.

Låt oss diskutera olika typer av layouter.

UI i Android är en hierarki av Views och ViewGroups. ViewGroups kommer att vara mellanliggande noder i hierarkin, och vyerna kommer att vara terminalnoder.

  • Linjär layout
  • Absolut layout
  • Relativ layout
  • Bordslayout
  • Ramlayout

Låt oss diskutera dem i detalj.

Linjär layout

Den linjära layouten används för att placera ett element på varje rad. Så, alla element kommer att placeras på ett ordnat topp-till-botten-sätt. Det här är en mycket använd layout för att skapa formulär på Android. Det kan också kallas en vygrupp som justerar alla barn i en enda riktning, vertikalt eller horisontellt.

Absolut layout

I absolut layout kan du ange de exakta koordinaterna för varje kontroll som du vill placera. I denna typ av layout kan du ange de exakta X- och Y-koordinaterna för varje kontroll. Det gör att du kan ange den exakta platsen för sina barn.

Relativ layout

En relativ layout är en ViewGroup som visar barnvyer i relativa positioner. Dukan ange elementens position i förhållande till andra element eller i förhållande till moderbehållaren.

Bordslayout

Med hjälp av tabelllayouten kan du skapa en tabell med rader och kolumner och placera element i dem. I varje rad kan du ange ett eller flera element. Du kan använda det här kommandot för att skapa en ny tabelllayout.

Ramlayout

Ramlayouten används när du vill visa ett objekt på varje skärm. Med ramlayouten kan du ha flera objekt.Denna ramlayout är en platshållare på skärmen som du kan använda för att visa en enda vy.

Android Layout Design Tutorial: Måttenheter

När du anger storleken på ett element i ett Android-gränssnitt bör du definitivt komma ihåg följande måttenheter.

Enhet Beskrivning
dp Densitetsoberoende pixel. 1 dp motsvarar en pixel på en 160dpi skärm.
sp Skala oberoende pixel. Detta liknar väldigt mycket dp men bara att detta rekommenderas för att specificera teckenstorlekar.
pt Punkt. En punkt definieras som 1/72 tum.
px Pixel. Motsvarar faktiska pixlar på skärmen

Nu ska vi gå vidare till det sista ämnet i den här artikeln.

Android Layout Design Tutorial: Demo

I det här demo-avsnittet ska vi förstå hur man arbetar med layouter i Android Studio .

Se till Android Studio.

Så här ser layouten ut. Välj bara ritningen och du hittar några klasser, välj vilken klass som helst under den här ritningen. Du kan antingen koda layoutstrukturen eller så kan du visa designen och bara dra och släppa komponenterna i designutrymmet.

Demo - Android Layout Design Tutorial - Edureka

Du kan visa de komponenter du har valt under komponentträdet.

Du hittar dem också i layouten.

  1. Palett : Detta innehåller listan över vyer och granskningsgrupper som du kan dra till din layout.
  2. Komponent Träd : Består av Visa hierarkin för din layout.
  3. Verktygsfält : Knappar för att konfigurera layoututseendet i redigeraren och för att ändra några layoutattribut.
  4. Designredaktör : Layout i design- eller ritningsvy, eller båda. Betraktas också som designutrymmet.
  5. Attribut : Den styr den valda vyens attribut.

Med detta kommer vi till slutet av den här artikeln om 'Android Layout Design Tutorial'. Hoppas ni är klara med vad som har delats med er i den här handledningen.Håll koll på andra bloggar och lycka till med din Android-utvecklingskarriär.

Nu när du har förstått grunderna för Android Layout Design, kolla in av Edureka, ett pålitligt inlärningsföretag online med ett nätverk av mer än 250 000 nöjda elever spridda över hela världen.

Edurekas certifieringskurs för Android-apputveckling är utformad för studenter och yrkesverksamma som vill vara en Android-utvecklare. Kursen är utformad för att ge dig ett försprång till Java-programmering och träna dig för både kärn- och avancerade koncept tillsammans med ett projekt där du förväntas skapa en app i Android.

Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i denna 'Android Layout Design Tutorial' -blogg så kommer vi tillbaka till dig så snart som möjligt.