Vodič za dizajn Android izgleda: Sve što trebate znati

Ovaj Vodič za dizajn rasporeda za Android pomoći će vam da shvatite kako se izgledi mogu dizajnirati pomoću pogleda i grupa pregleda s demonstracijom.

Ako ste novi u , spustili ste se na savršeno mjesto za početak učenja o dizajnu izgleda. Ovaj vam članak o Android tutorialu za dizajn rasporeda pomoći će vam da izađete iznekoliko korisnih savjeta za bolji dizajn korisničkog sučelja, a također objašnjava i kako dizajnirati korisničko sučelje.

Razgovarat ću o sljedećim temama:





Pa, krenimo!

početak rada s mysql radnim stolom

Vodič za dizajn Android izgleda: Uvod u komponente korisničkog sučelja

Govoreći o komponentama korisničkog sučelja, tipično korisničko sučelje bilo koje Android aplikacije sastoji se od ovih komponenata:



  • Traka glavne radnje
  • Kontrola prikaza
  • Područje sadržaja
  • Split Action Bar

Oni igraju glavnu ulogu dok razvijate složenu aplikaciju. Jasno ćete to vidjeti kad dođemo do demo odjeljka ovog članka.

Drugi važan čimbenik koji pomaže u prilagodbi dizajna korisničkog sučelja bila bi komponenta prikaza.

Pogledajmo u čemu je Pogled



Vodič za dizajn Android izgleda: Pogledi

DO Pogled se smatra osnovnim gradivnim elementom za pravilno korisničko sučelje koje je zapravo stvoreno iz Pogledajte nastavu . Ovo zauzima pravokutno područje na zaslonu i na kraju se brine o crtanju i rukovanju događajima.

Pogled je osnovna klasa za widgete koji se koriste za stvaranje interaktivnih komponenata korisničkog sučelja poput gumba, tekstualnih polja itd. Sada kad govorimo o području pravokutnika ili okviru, to može biti slika, komad teksta, gumb ili sve što android aplikacija može prikazati. Ovdje je pravokutnik zapravo nevidljiv, ali svaki pogled zauzima oblik pravokutnika.

Možda imate pitanje, koja može biti veličina ovog pravokutnika?

Odgovor je da ga možete postaviti ručno navodeći točnu veličinu (s odgovarajućim jedinicama) ili pomoću nekih unaprijed definiranih vrijednosti. Te unaprijed definirane vrijednosti su match_parentand wrap_content. Ovaj match_parent označava da će zauzeti kompletan prostor dostupan na zaslonu uređaja. Dok, wrap_content odnosi se na to da će zauzimati samo onoliko prostora koliko je potrebno za prikaz njegovog sadržaja.

Upozorimo sada na glavne razlike između View i ViewGroup.

Pogled

  1. Pogled objekti su osnovni gradivni elementi UI elemenata u Androidu.
  2. Pogled je jednostavan okvir pravokutnika koji odgovara na korisnikove radnje.
  3. Pogled se odnosi na klasu android.view.View, koja je osnovna klasa svih klasa korisničkog sučelja.
  4. Primjeri su EditText, Button, CheckBox itd.

ViewGroup

  1. ViewGroup je nevidljivi spremnik koji sadrži View i ViewGroup.
  2. ViewGroup je osnovna klasa za Izgledi .
  3. Na primjer, LinearLayout je ViewGroup koja sadrži gumb (View) i ostale izglede.

Krenimo sada i shvatimo postojeće izglede.

Vodič za dizajn Android izgleda: Vrste izgleda

DO raspored definira strukturu korisničkog sučelja u aplikaciji. Svi se elementi u izgledu grade hijerarhijom Pogled i ViewGroup predmeta.

Sada da vidimo kako prijaviti izgled.

Izgled možete prijaviti na dva načina:

  • Deklarirajte elemente korisničkog sučelja u XML-u. Android nudi jednostavan XML rječnik koji odgovara razredima i podklasama View, poput onih za widgete i izglede.

Bilješka: Također možete upotrijebiti Layout Editor za Android Studio za izradu XML izgleda pomoću sučelja za povlačenje i ispuštanje.

  • Instancirajte elemente izgleda na vrijeme izvođenja . Aplikacija može stvoriti Pogled i ViewGroup objektima i programski manipuliraju njihovim svojstvima.

Razgovarajmo o različitim vrstama izgleda.

Korisničko sučelje u Androidu hijerarhija je Views i ViewGroups. ViewGroups bit će posredni čvorovi u hijerarhiji, a prikazi će biti terminalni čvorovi.

  • Linearni raspored
  • Apsolutni izgled
  • Relativni raspored
  • Izgled stola
  • Izgled okvira

Razgovarajmo o njima detaljno.

Linearni raspored

Linearni raspored koristi se za postavljanje jednog elementa u svaku liniju. Dakle, svi će elementi biti postavljeni na uredan način od vrha do dna. Ovo je vrlo raširen izgled za izradu obrazaca na Androidu. Može se nazvati i skupinom pogleda koja poravna svu djecu u jednom smjeru, okomito ili vodoravno.

Apsolutni izgled

U apsolutnom rasporedu možete odrediti točne koordinate svake kontrole koju želite postaviti. U ovoj vrsti rasporeda možete dati točne X i Y koordinate svake kontrole. Omogućuje vam da odredite točno mjesto njegove djece.

Relativni raspored

Relativni izgled je ViewGroup koji prikazuje dječje poglede u relativnim položajima. Vasmože odrediti položaj elemenata u odnosu na druge elemente ili u odnosu na nadređeni spremnik.

Izgled stola

Pomoću izgleda tablice možete stvoriti tablicu s redovima i stupcima i smjestiti elemente u njih. U svakom retku možete navesti jedan ili više elemenata. Ovu naredbu možete koristiti za stvaranje novog izgleda tablice.

Izgled okvira

Izgled okvira koristi se kada želite prikazati po jednu stavku na svakom zaslonu. Pomoću izgleda okvira možete imati više stavki.Ovaj okvir okvira je rezervirano mjesto na zaslonu pomoću kojeg možete prikazati jedan prikaz.

Vodič za dizajn Android izgleda: Mjerne jedinice

Kada specificirate veličinu elementa na Android korisničkom sučelju, svakako biste se trebali sjetiti sljedećih mjernih jedinica.

Jedinica Opis
dp Pixel neovisan o gustoći. 1dp jednak je jednom pikselu na a 160 dpi zaslon.
sp Skala neovisnog piksela. Ovo je vrlo slično dp-u, ali upravo se to preporučuje za određivanje veličina fonta.
pt Točka. Točka je definirana kao 1/72 inča.
px Pixel. Odgovara stvarnim pikselima na zaslonu

Krenimo sada na posljednju temu ovog članka.

Vodič za dizajn Android izgleda: Demo

U ovom demo odjeljku, shvatimo kako raditi s izgledima u Android Studio .

Pogledajte u Android Studio.

Ovako izgleda raspored. Jednostavno odaberite crtano i pronaći ćete nekoliko klasa, odaberite bilo koji drugi predmet ispod ovog crtanog. Možete kodirati strukturu izgleda ili možete pogledati dizajn i jednostavno povući i ispustiti komponente na prostor dizajna.

Demo - Vodič za dizajn Android izgleda - Edureka

Komponente koje ste odabrali možete pregledati ispod stabla komponenata.

Također ih možete pronaći u izgledu.

  1. Paleta : Ovdje se nalazi popis prikaza i grupa pregleda koje možete povući u svoj izgled.
  2. Komponenta Drvo : Sastoji se od hijerarhije prikaza za vaš izgled.
  3. Alatna traka : Gumbi za konfiguriranje izgleda izgleda u uređivaču i za promjenu nekoliko atributa izgleda.
  4. Urednik dizajna : Izgled u prikazu Dizajn ili Nacrt, ili oboje. Također se smatra prostorom za dizajn.
  5. Atributi : Kontrolira odabrane atribute prikaza.

Ovim smo došli do kraja ovog članka o „Vodiču za dizajn rasporeda Androida“. Nadam se da ste jasni s onim što je podijeljeno s vama u ovom vodiču.Pratite druge blogove i sretno sa svojom razvojnom karijerom za Android.

Sad kad ste razumjeli osnove dizajna izgleda Androida, pogledajte Edureka, pouzdane tvrtke za internetsko učenje s mrežom od više od 250 000 zadovoljnih učenika raširenih širom svijeta.

Edurekin tečaj za certifikaciju za razvoj aplikacija za Android namijenjen je studentima i profesionalcima koji žele biti programer za Android. Tečaj je dizajniran da vam pruži početnu prednost u programiranju na Javi i osposobi vas za osnovne i napredne koncepte, zajedno s projektom u kojem se očekuje izrada aplikacije u Androidu.

Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare ovog bloga 'Vodič za dizajn Android izgleda', a mi ćemo vam se javiti što je prije moguće.