Androidi paigutuse kujundamise õpetus: kõik, mida peate teadma



See Androidi paigutuse kujundamise õpetus aitab teil mõista, kuidas paigutusi saab kujundada vaadete ja vaategruppide abil koos demoga.

Kui olete uus , olete jõudnud ideaalsesse kohta, et alustada küljenduse tundmaõppimist. See artikkel Androidi kujunduse õpetuse kohta aitab teil välja pääsedamõned kasulikud näpunäited parema kasutajaliidese kujunduse loomiseks ja selgitavad ka kasutajaliidese kujundamist.

Ma arutan järgmisi teemasid:





Niisiis, alustame!

mis on võimsuses daks bi

Androidi paigutuse kujundamise õpetus: sissejuhatus kasutajaliidese komponentidesse

Kasutajaliidese komponentidest rääkides koosneb kõigi Android-rakenduste tüüpiline kasutajaliides nendest komponentidest:



  • Põhitoiminguriba
  • Vaate juhtimine
  • Sisupiirkond
  • Jagatud toiminguriba

Neil on keerulise rakenduse väljatöötamisel suur roll. Selle kohta saate selge ülevaate, kui jõuame selle artikli demo jaotiseni.

Teine oluline tegur, mis aitab kasutajaliidese kujundust kohandada, oleks vaate komponent.

Vaatame, milles on vaade



Androidi paigutuse kujundamise õpetus: Vaated

TO Vaade loetakse korraliku kasutajaliidese põhiliseks ehitusplokiks, mis on tegelikult loodud Kuva klass . See hõivab ekraanil ristkülikukujulise ala ja hoolitseb lõpuks joonistamise ja sündmuste käsitlemise eest.

Vaade on vidinate baasklass, mida kasutatakse interaktiivsete kasutajaliidese komponentide, näiteks nuppude, tekstiväljade jne loomiseks. Rääkides nüüd ristkülikualast või kastist, see võib olla kas pilt, tekstitükk, nupp või kõik, mida androidirakendus saab kuvada. Siinne ristkülik on tegelikult nähtamatu, kuid iga vaade võtab ristküliku kuju.

Teil võib tekkida küsimus, milline võib olla selle ristküliku suurus?

Vastus on, et saate selle kas käsitsi määrata, täpsustades täpse suuruse (koos õigete ühikutega) või kasutades mõnda eelnevalt määratletud väärtust. Need etteantud väärtused on match_parentand wrap_content. See match_vanem tähistab, et see hõivab seadme ekraanil kogu ruumi. Arvestades, et wrap_content viitab sellele, et see võtab ainult nii palju ruumi, kui on vaja selle sisu kuvamiseks.

Toome nüüd välja vaated View ja ViewGroupi vahel.

Vaade

  1. Vaade objektid on Androidi kasutajaliidese elementide põhilised ehituskivid.
  2. Vaade on lihtne ristkülikukast, mis vastab kasutaja toimingutele.
  3. Vaade viitab android.view.View klassile, mis on kõigi kasutajaliidese klasside põhiklass.
  4. Näiteks on EditText, Button, CheckBox jne.

ViewGroup

  1. ViewGroup on nähtamatu konteiner, mis hoiab View ja ViewGroupi.
  2. ViewGroup on programmi põhiklass Paigutused .
  3. Näiteks LinearLayout on ViewGroup, mis sisaldab nuppu (View) ja muid paigutusi.

Nüüd liigume edasi ja mõistame olemasolevaid paigutusi.

Androidi paigutuse kujundamise õpetus: Paigutuste tüübid

TO paigutus määratleb rakenduses kasutajaliidese struktuuri. Kõik paigutuse elemendid on üles ehitatud hierarhia abil Vaade ja ViewGroup objektid.

Vaatame nüüd, kuidas paigutus deklareerida.

Paigutuse saate deklareerida kahel viisil:

  • Deklareerige kasutajaliidese elemendid XML-is. Android pakub sirgjoonelist XML-i sõnavara, mis vastab klassidele View ja alaklassidele, näiteks vidinate ja paigutuste omadele.

Märge: XML-paigutuse loomiseks lohistamisliidese abil saate kasutada ka Android Studio paigutusredaktorit.

  • Kohese paigutuse elemendid aadressil jooksuaeg . Rakendus saab luua Vaade ja ViewGroup objekte ja manipuleerida nende omadustega programmiliselt.

Arutleme erinevat tüüpi paigutuste üle.

Androidi kasutajaliides on vaadete ja ViewGroupsi hierarhia. ViewGroups on hierarhias vahesõlmed ja vaated terminalisõlmed.

  • Lineaarne paigutus
  • Absoluutne paigutus
  • Suhteline paigutus
  • Laua paigutus
  • Raami paigutus

Arutame neid üksikasjalikult.

Lineaarne paigutus

Lineaarset paigutust kasutatakse ühe elemendi paigutamiseks igale reale. Nii paigutatakse kõik elemendid korrektselt ülalt alla. See on Androidis vormide loomiseks väga laialt kasutatav paigutus. Seda võib nimetada ka vaategrupiks, mis joondab kõik lapsed ühes suunas, vertikaalselt või horisontaalselt.

Absoluutne paigutus

Absoluutses paigutuses saate määrata iga juhtelemendi täpsed koordinaadid, mille soovite paigutada. Seda tüüpi paigutuse korral saate anda iga juhtelemendi täpsed X- ja Y-koordinaadid. See võimaldab teil täpsustada oma laste täpset asukohta.

Suhteline paigutus

Suhteline paigutus on a ViewGroup mis kuvab lapse vaated suhtelises asendis. Sinasaab määrata elementide asukohta teiste elementide või vanemkonteineri suhtes.

Laua paigutus

Tabelipaigutuse abil saate luua ridade ja veergudega tabeli ning paigutada nendesse elemendid. Igas reas saate määrata ühe või mitu elementi. Selle käsu abil saate luua uue tabeli paigutuse.

Raami paigutus

Raami paigutust kasutatakse siis, kui soovite igal ekraanil näidata ühte üksust. Raamipaigutust kasutades võib teil olla mitu üksust.See raamipaigutus on ekraanil kohatäide, mida saate kasutada ühe vaate kuvamiseks.

Androidi paigutuse kujundamise õpetus: Mõõtühikud

Androidi kasutajaliidese elemendi suuruse määramisel peaksite kindlasti meeles pidama järgmisi mõõtühikuid.

Ühik Kirjeldus
dp Tihedusest sõltumatu piksel. 1dp on samaväärne ühe piksliga a-l 160 dpi ekraan.
sp Skaalal sõltumatu piksel. See on väga sarnane dp-ga, kuid just seda soovitatakse fondi suuruste määramiseks.
pt Punkt. Punkt on määratletud 1/72 tolli.
px Pixel. Vastab tegelikele pikslitele ekraanil

Nüüd liigume selle artikli viimase teema juurde.

Androidi paigutuse kujundamise õpetus: Demo

Selles demo jaotises mõistame, kuidas paigutustega töötada Android Studio .

Vaadake Android Stuudiosse.

Nii näeb paigutus välja. Valige lihtsalt joonistatav ja leiate mõned klassid, valige selle joonistuse all mõni muu klass. Võite kodeerida paigutuse struktuuri või vaadata kujundust ja lohistada komponente lihtsalt kujundusruumi.

Demo - Androidi paigutuse kujundamise õpetus - Edureka

Valitud komponente saate vaadata komponendipuu alt.

Need leiate ka paigutusest.

  1. Palett : See sisaldab loendit vaadetest ja vaadegruppidest, mille saate paigutusse lohistada.
  2. Komponent Puu : Koosneb teie paigutuse vaate hierarhiast.
  3. Tööriistariba : Nupud redaktoris paigutuse välimuse konfigureerimiseks ja mõne paigutuse atribuudi muutmiseks.
  4. Kujundustoimetaja : Küljendusvaates või Blueprint-vaates või mõlemas. Arvestatakse ka kujundusruumina.
  5. Atribuudid : See kontrollib valitud vaate atribuute.

Sellega jõuame artikli „Androidi paigutuse kujundamise õpetus” lõppu. Loodetavasti on teil selles õpetuses teiega jagatud asjad selge.Olge kursis teiste ajaveebide ja palju õnne Android-arendaja karjääriga.

Nüüd, kui olete Androidi paigutuse kujunduse põhitõdedest aru saanud, vaadake järgmist Edureka, usaldusväärne veebiõppeettevõte, mille võrgustik hõlmab üle 250 000 rahuloleva õppija, levinud üle kogu maailma.

Edureka Androidi rakenduste arendamise sertifitseerimiskoolitus on mõeldud üliõpilastele ja spetsialistidele, kes soovivad olla Androidi arendajad. Kursus on loodud selleks, et anda teile Java-programmeerimises algus ja õpetada teid nii põhi- kui ka edasijõudnute kontseptsioonide jaoks koos projektiga, kus peaksite looma rakenduse Androidis.

Kas teil on meile küsimus? Palun mainige seda selle ajaveebi „Androidi paigutuse kujundamise õpetus” kommentaaride jaotises ja võtame teiega ühendust niipea kui võimalik.