Kaip sukurti „Android“ maketus grafiškai

Oficialūs „Android“ plėtros įrankiai veikia su „Eclipse Integrated Development Environment“ programine įranga. Naudodami šiuos įrankius galite kurti savo „Android“ programų grafinius išdėstymus. „Eclipse“ galite nustatyti „Android“ išdėstymus naudodami XML žymėjimą arba vizualiai naudodami grafinį išdėstymo ekraną. Kiekvienas „Android“ programos ekranas paprastai nurodomas kaip „veikla“. Galite nustatyti kiekvieno iš šių ekranų išdėstymą ir įtraukti vizualius ir interaktyvius naudotojo valdymo elementus. Kai kurie kūrėjai nori sukurti grafinius dizainus prieš juos įgyvendinant „Eclipse“, tačiau tai nėra būtina.

1.

Atidarykite „Android“ projektą „Eclipse“. Pakuotės naršyklė eina žemyn „Eclipse“ lango kairėje pusėje; suraskite savo projektą ir atidarykite aplanką „res“. Šiame aplanke galite modeliuoti įvairius programų išteklius, įskaitant išdėstymus. Priklausomai nuo jūsų „Eclipse“ konfigūracijos, jūsų projekte gali būti numatytasis „res“ aplanko aplankas „išdėstymas“; jei ne, sukurkite sau save dešiniuoju pelės klavišu spustelėdami „res“ aplanką, pasirinkdami „Naujas“ ir tada sąraše pasirinkite „Aplankas“. Norėdami sukurti aplanką, įveskite „išdėstymą“. Aplanko aplanke galite įdėti XML failą kiekvienam reikiamam išdėstymui. „Eclipse“ galbūt jau sukūrė vieną pavadinimą „main.xml“, tačiau galite sukurti savo paveikslėlį, dešiniuoju pelės klavišu spustelėdami maketo aplanką, pasirinkdami „Naujas“, tada „Failas“ ir įvesdami pasirinktą vardą. Įsitikinkite, kad suteikėte failui „.xml“ plėtinį.

2.

Atidarykite maketo XML failą „Eclipse“ redaktoriuje. Tai galite padaryti dukart spustelėję paketų naršyklėje. Išdėstymas turėtų būti rodomas centriniame „Eclipse“ skydelyje. Priklausomai nuo „Eclipse“ sąrankos, matysite XML kodą arba grafinį maketo vaizdą. Jei rodomas kodas, pereikite prie grafinio, spustelėdami „Grafinis išdėstymas“ skirtuką redaktoriaus lango apačioje. Turi būti rodomas grafinis jūsų veiklos ekrano išdėstymo vaizdas kartu su matomų elementų pridėjimo ir keitimo valdikliais. Paimkite šiek tiek laiko susipažinti su valdikliais.

3.

Įterpkite naudotojo sąsajos elementus iš grafinio išdėstymo įrankio skyriaus „Paletė“. Kairėje vidurinėje „Eclipse“ skydelio pusėje turėtumėte pamatyti paletės skyrių. Šioje srityje galite pasirinkti iš įvairių sąsajos elementų kategorijų, įskaitant formų valdiklius, teksto laukus, maketus, vaizdus ir laikmenas. Jei dirbate iš dizaino, galite kreiptis į jį; kitaip naršykite sąrašą ir prireikus pridėkite elementų. Jei norite įtraukti elementą į savo išdėstymą, spustelėkite jį paletės srityje ir vilkite jį į ekrano ekraną, esantį lango centre. Jis turėtų būti rodomas esamame išdėstyme. Vilkite elementus aplink, kad juos nustatytumėte pagal pageidavimą.

4.

Pakeiskite savo išdėstymo elementų savybes. Kai turėsite savo išdėstymo elementą, galite nustatyti jo savybes. Dešiniuoju pelės mygtuku spustelėkite bet kurį išdėstymo elementą, kad pamatytumėte parinkčių sąrašą. Galite redaguoti elementų turinį ir ID savybes, taip pat keisti tipus, pvz., Naudotojo įvesties elementams, pvz., Teksto laukams. Jūs taip pat galite naudoti šį metodą, kad pakeistumėte maketo elementų, pvz., Linijinių ir tinklelio, ypatybes.

5.

Išsaugokite išdėstymą. Dirbdami tiesiogiai XML, mažiau tikėtina, kad pamiršsite išsaugoti failą, todėl įsitikinkite, kad tai darote kiekvieną kartą, kai atliksite grafinius pakeitimus. Kai išdėstymas atrodo redaktoriuje, surinkite ir paleiskite „Android“ programą naudodami „Android“ virtualų įrenginį (AVD) tvarkyklę, kad įsitikintumėte, jog jis atrodo ir elgiasi taip, kaip tikitės. Padarykite tolesnius maketų pakeitimus grafiškai arba redaguodami XML kodą.

Patarimas

  • Nors „Eclipse“ yra oficiali programa, rekomenduojama naudoti „Android“, kai kurios trečiosios šalies priemonės, pvz., „DroidDraw“, gali padėti kurti maketus.

Įspėjimas

  • Įsitikinkite, kad išbandėte savo išdėstymus tikruose „Android“ įrenginiuose, o ne tik emuliatoriuje. Gali būti, kad jūsų taikomosios programos veikia skirtingai.

Rekomenduojama