Hvis du er ny i , har du kommet til det perfekte stedet å begynne å lære om layoutdesignet. Denne artikkelen om opplæringsveiledning for Android-layout vil hjelpe deg mednoen nyttige tips for å lage et bedre UI-design, og forklarer også hvordan du designer et UI.
Jeg skal diskutere emnene nedenfor:
Så la oss komme i gang!
er en matrise et objekt i java
Android Layout Design Tutorial: Introduksjon til UI-komponenter
Når vi snakker om UI-komponentene, består den typiske brukergrensesnittet til alle Android-applikasjoner av disse komponentene:
- Hovedaksjonslinje
- Vis kontroll
- Innholdsområde
- Delt handlingslinje
Disse spiller en viktig rolle mens du utvikler en kompleks applikasjon. Du får en klar oversikt over dette når vi kommer til demo-delen i denne artikkelen.
En annen viktig faktor som hjelper til med å tilpasse UI-designen, er visningskomponenten.
La oss se hva som er en visning i
Android Layout Design Tutorial: Visninger
TIL Utsikt regnes som en grunnleggende byggestein for et riktig brukergrensesnitt som faktisk er opprettet fra Vis klasse . Dette opptar et rektangulært område på skjermen og tar til slutt hånd om tegning og håndtering av hendelser.
A View er basisklassen for widgets, som brukes til å lage interaktive brukergrensesnittkomponenter som knapper, tekstfelt osv. Nå som vi snakker om rektangelområdet eller en rute, kan det enten være et bilde, et stykke tekst, en knapp eller alt som en Android-applikasjon kan vise. Rektangelet her er faktisk usynlig, men hvert syn har en rektangelform.
Du har kanskje et spørsmål, hva kan størrelsen på dette rektangelet være?
Svaret er at du enten kan angi det manuelt ved å spesifisere den nøyaktige størrelsen (med riktige enheter) eller ved å bruke noen forhåndsdefinerte verdier. Disse forhåndsdefinerte verdiene er match_parentand wrap_content. Dette match_parent betyr at den vil oppta hele plassen som er tilgjengelig på skjermen på enheten. Mens, wrap_content refererer til at den bare tar så mye plass som nødvendig for at innholdet skal vises.
La oss nå påpeke de store forskjellene mellom View og ViewGroup.
Utsikt
- Utsikt objekter er de grunnleggende byggesteinene til brukergrensesnittelementene i Android.
- En visning er en enkel rektangelboks som svarer på brukerens handlinger.
- Visning refererer til android.view.View-klassen, som er basisklassen for alle brukergrensesnittklasser.
- Eksempler er EditText, Button, CheckBox osv.
ViewGroup
- ViewGroup er den usynlige beholderen som inneholder View og ViewGroup.
- ViewGroup er basisklassen for Oppsett .
- For eksempel er LinearLayout ViewGroup som inneholder Button (View), og andre layouter også.
La oss nå gå videre og forstå layoutene som er til stede.
Android Layout Design Tutorial: Typer oppsett
TIL oppsett definerer strukturen for et brukergrensesnitt i applikasjonen. Alle elementene i oppsettet er bygget ved hjelp av et hierarki av Utsikt og ViewGroup gjenstander.
La oss nå se hvordan du kan erklære oppsettet.
Du kan erklære et oppsett på to måter:
Deklarer brukergrensesnittelementer i XML. Android gir et greit XML-vokabular som tilsvarer Vis-klasser og underklasser, for eksempel de for widgets og layouter.
Merk: Du kan også bruke Layout Editor for Android Studio til å bygge XML-oppsettet ved hjelp av et dra-og-slipp-grensesnitt.
Instantiate layoutelementer kl kjøretid . Applikasjonen kan opprette Utsikt og ViewGroup objekter og manipulere egenskapene deres programmatisk.
La oss diskutere de forskjellige typene layouter.
UI i Android er et hierarki av Views og ViewGroups. ViewGroups vil være mellomnoder i hierarkiet, og visningene vil være terminalnoder.
- Lineær utforming
- Absolutt oppsett
- Relativt oppsett
- Tabelloppsett
- Rammelayout
La oss diskutere dem i detalj.
Lineær utforming
Den lineære utformingen brukes til å plassere ett element på hver linje. Så alle elementene vil bli plassert på en ordnet topp-til-bunn-måte. Dette er et veldig mye brukt layout for å lage skjemaer på Android. Det kan også refereres til som en visningsgruppe som justerer alle barn i en retning, vertikalt eller horisontalt.
Absolutt oppsett
I absolutt oppsett kan du spesifisere de nøyaktige koordinatene til hver kontroll du vil plassere. I denne typen layout kan du oppgi de nøyaktige X- og Y-koordinatene til hver kontroll. Den lar deg spesifisere den nøyaktige plasseringen til barna.
Relativt oppsett
En relativ layout er en ViewGroup som viser barnevisninger i relative posisjoner. Dukan spesifisere posisjonen til elementene i forhold til andre elementer, eller i forhold til overordnet beholder.
Tabelloppsett
Ved å bruke tabelloppsettet kan du lage en tabell med rader og kolonner og plassere elementer i dem. I hver rad kan du spesifisere ett eller flere elementer. Du kan bruke denne kommandoen til å lage et nytt bordoppsett.
Rammelayout
Rammeoppsettet brukes når du vil vise ett element på hver skjerm. Ved å bruke rammelayout kan du ha flere elementer.Dette rammelayoutet er en plassholder på skjermen som du kan bruke til å vise en enkelt visning.
Android Layout Design Tutorial: Måleenhet
Når du spesifiserer størrelsen på et element i et Android-brukergrensesnitt, bør du absolutt huske følgende måleenheter.
| Enhet | Beskrivelse |
|---|---|
| dp | Tetthetsuavhengig pixel. 1 dp tilsvarer en piksel på en 160dpi skjerm. |
| sp | Skaler uavhengig pixel. Dette ligner veldig på dp, men bare dette anbefales for å spesifisere skriftstørrelser. |
| pt | Punkt. Et punkt er definert til å være 1/72 av en tomme. |
| px | Pixel. Tilsvarer faktiske piksler på skjermen |
La oss nå gå videre til det siste emnet i denne artikkelen.
Android Layout Design Tutorial: Demo
La oss forstå hvordan vi kan jobbe med layouter i denne demo-delen Android Studio .
Henvis til til Android Studio.
Slik ser oppsettet ut. Bare velg tegningen, så finner du noen få klasser, velg hvilken som helst annen klasse under denne tegningen. Du kan enten kode layoutstrukturen, eller du kan se designet og bare dra og slippe komponentene på designområdet.
Du kan se komponentene du har valgt under komponenttreet.
Disse finner du også i oppsettet.
- Palett : Dette inneholder listen over visninger og grupper som du kan dra til layoutet ditt.
- Komponent Tre : Består av visningshierarkiet for oppsettet ditt.
- Verktøylinje : Knapper for å konfigurere layoututseendet i editoren og for å endre noen få layoutattributter.
- Designredaktør : Oppsett i visningen Design eller Blueprint, eller begge deler. Også betraktet som designområdet.
- Attributter : Den kontrollerer attributtene til den valgte visningen.
Med dette kommer vi til slutten av denne artikkelen om “Android Layout Design Tutorial”. Håper dere er klare med hva som har blitt delt med dere i denne opplæringen.Følg med for andre blogger og lykke til med din Android-utviklingskarriere.
Nå som du har forstått det grunnleggende om Android Layout Design, sjekk ut av Edureka, et pålitelig online læringsfirma med et nettverk av mer enn 250 000 fornøyde elever spredt over hele verden.
Edurekas kurs for Android-sertifisering for apputvikling er designet for studenter og fagpersoner som ønsker å være en Android-utvikler. Kurset er designet for å gi deg et forsprang i Java-programmering og trene deg for både kjerne- og avanserte konsepter sammen med et prosjekt der du forventes å lage en app i Android.
Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i denne 'Android Layout Design Tutorial' -bloggen, så kommer vi tilbake til deg så snart som mulig.