Android Layout Design Tutorial: Kaikki mitä sinun tarvitsee tietää



Tämä Android Layout Design -opetusohjelma auttaa sinua ymmärtämään, miten asettelut voidaan suunnitella käyttämällä näkymiä ja katseluryhmiä esittelyn avulla.

Jos olet uusi , olet päässyt täydelliseen paikkaan aloittamaan ulkoasun suunnittelun aloittamisen. Tämä artikkeli Android-ulkoasun suunnitteluoppaasta auttaa sinua pääsemään uloshyödyllisiä vinkkejä parempaan käyttöliittymäsuunnitteluun ja selitetään myös käyttöliittymän suunnittelu.

Keskustelen alla olevista aiheista:





Joten, aloitetaan!

mitkä seuraavista ovat esimerkkejä kontrollilausekkeista?

Android Layout Design Tutorial: Johdanto käyttöliittymän komponentteihin

UI-komponenteista puhuen minkä tahansa Android-sovelluksen tyypillinen käyttöliittymä koostuu seuraavista komponenteista:



  • Päätoimintapalkki
  • Näkymän hallinta
  • Sisältöalue
  • Jaettu toimintopalkki

Näillä on tärkeä rooli kehitettäessä monimutkaista sovellusta. Saat selkeän kuvan tästä, kun pääsemme tämän artikkelin esittelyosioon.

Toinen tärkeä tekijä, joka auttaa käyttöliittymäsuunnittelun muokkaamisessa, olisi näkymäkomponentti.

Katsotaan, mikä näkymä on



Android Layout Design -opetusohjelma: Näkymät

TO Näytä tiedostoa pidetään perusrakenteena oikeaan käyttöliittymään, joka todella luodaan Näytä luokka . Tämä vie suorakulmaisen alueen ruudulla ja lopulta huolehtii piirtämisestä ja tapahtumien käsittelystä.

Näkymä on widgetien perusluokka, jota käytetään luomaan interaktiivisia käyttöliittymäkomponentteja, kuten painikkeita, tekstikenttiä jne. Nyt puhutaan suorakaiteen alueesta tai laatikosta, se voi olla joko kuva, tekstin pala, painike tai kaikki mitä Android-sovellus voi näyttää. Tässä oleva suorakulmio on itse asiassa näkymätön, mutta jokainen näkymä on suorakulmion muotoinen.

Sinulla voi olla kysymys, mikä voi olla tämän suorakulmion koko?

Vastaus on, että voit joko asettaa sen manuaalisesti määrittämällä tarkka koko (asianmukaisilla yksiköillä) tai käyttämällä joitain ennalta määritettyjä arvoja. Nämä ennalta määritetyt arvot ovat match_parentand wrap_content. Tämä match_parent tarkoittaa, että se vie koko näytön näytössä olevan tilan. Sekä katsoo, että kääri sisältö viittaa siihen, että se vie vain niin paljon tilaa kuin sen sisällön näyttämiseen tarvitaan.

Nyt tuodaan esiin suurimmat erot View ja ViewGroup välillä.

Näytä

  1. Näytä objektit ovat Android-käyttöliittymän elementtien peruselementtejä.
  2. Näkymä on yksinkertainen suorakulmio, joka vastaa käyttäjän toimintaan.
  3. Näkymä viittaa android.view.View-luokkaan, joka on kaikkien käyttöliittymäluokkien perusluokka.
  4. Esimerkkejä ovat EditText, Button, CheckBox jne.

ViewGroup

  1. ViewGroup on näkymätön säilö, johon mahtuu View ja ViewGroup.
  2. ViewGroup on Asettelut .
  3. Esimerkiksi LinearLayout on ViewGroup, joka sisältää Button (View) ja muut Asettelut.

Siirrytään nyt eteenpäin ja ymmärretään nykyiset asettelut.

Android Layout Design -opetusohjelma: Asettelutyypit

TO layout määrittelee sovelluksen käyttöliittymän rakenteen. Kaikki asettelun elementit on rakennettu hierarkian avulla Näytä ja ViewGroup esineitä.

Katsotaan nyt, kuinka asettelut ilmoitetaan.

Voit ilmoittaa asettelun kahdella tavalla:

  • Ilmoita käyttöliittymän elementit XML: ssä. Android tarjoaa suoraviivan XML-sanaston, joka vastaa Näytä-luokkia ja alaluokkia, kuten widgetejä ja asetteluja.

Huomautus: Voit myös rakentaa XML-asettelusi vedä ja pudota -käyttöliittymän avulla Android Studion Layout Editorilla.

  • Välitön asetteluelementit osoitteessa ajoaika . Sovellus voi luoda Näytä ja ViewGroup esineitä ja manipuloida niiden ominaisuuksia ohjelmallisesti.

Keskustellaan erityyppisistä asetteluista.

Android-käyttöliittymä on näkymien ja ViewGroups-hierarkia. ViewGroups on hierarkian välisolmuja, ja näkymät ovat päätelaitteita.

  • Lineaarinen asettelu
  • Absoluuttinen asettelu
  • Suhteellinen asettelu
  • Taulukon asettelu
  • Kehyksen asettelu

Keskustellaan niistä yksityiskohtaisesti.

Lineaarinen asettelu

Lineaarista asettelua käytetään sijoittamaan yksi elementti kullekin riville. Joten kaikki elementit sijoitetaan järjestyksessä ylhäältä alas. Tämä on hyvin yleisesti käytetty asettelu lomakkeiden luomiseen Androidissa. Sitä voidaan kutsua myös näköryhmäksi, joka kohdistaa kaikki lapset yhteen suuntaan, pysty- tai vaakasuunnassa.

Absoluuttinen asettelu

Absoluuttisessa asettelussa voit määrittää tarkat koordinaatit jokaiselle ohjaimelle, jonka haluat sijoittaa. Tämän tyyppisessä asettelussa voit antaa tarkat X- ja Y-koordinaatit jokaiselle ohjaimelle. Sen avulla voit määrittää lasten tarkan sijainnin.

Suhteellinen asettelu

Suhteellinen asettelu on a ViewGroup joka näyttää lapsen näkymät suhteellisissa asennoissa. Sinävoi määrittää elementtien sijainnin suhteessa muihin elementteihin tai suhteeseen emosäiliöön.

Taulukon asettelu

Taulukon asettelua käyttämällä voit luoda taulukon riveillä ja sarakkeilla ja sijoittaa elementtejä niihin. Jokaisella rivillä voit määrittää yhden tai useamman elementin. Tämän komennon avulla voit luoda uuden taulukon asettelun.

Kehyksen asettelu

Kehysasettelua käytetään, kun haluat näyttää yhden kohteen kullakin näytöllä. Kehysasettelua käyttämällä voi olla useita kohteita.Tämä kehysasettelu on ruudun paikkamerkki, jonka avulla voit näyttää yhden näkymän.

Android Layout Design -opetusohjelma: Mittayksiköt

Kun määrität elementin kokoa Android-käyttöliittymässä, muista ehdottomasti seuraavat mittayksiköt.

Yksikkö Kuvaus
dp Tiheydestä riippumaton pikseli. 1p vastaa yhtä pikseliä a 160 dpi -näyttö.
sp Skaalasta riippumaton pikseli. Tämä on hyvin samanlainen kuin dp, mutta vain sitä suositellaan fonttikokojen määrittämiseen.
pt Kohta. Pisteen määritetään olevan 1/72 tuumaa.
px Pixel. Vastaa todellisia pikseleitä näytöllä

Siirrytään nyt artikkelin viimeiseen aiheeseen.

Android Layout Design -opetusohjelma: Demo

Tässä esittelyosiossa ymmärretään, miten voit työskennellä ulkoasujen kanssa Android Studio .

Katso Android Studioon.

Näin ulkoasu näyttää. Valitse vain piirrettävä ja löydät muutaman luokan, valitse mikä tahansa muu luokka tämän piirrettävän alla. Voit joko koodata asettelurakenteen tai tarkastella suunnittelua ja vetää ja pudottaa komponentit suunnittelutilaan.

Esittely - Android Layout Design Tutorial - Edureka

Voit tarkastella valitsemiasi komponentteja komponenttipuun alla.

Löydät nämä myös asettelusta.

  1. Paletti : Tässä on luettelo näkymistä ja näkymäryhmistä, jotka voit vetää ulkoasuun.
  2. Komponentti Puu : Koostuu näkymän hierarkiasta.
  3. Työkalurivi : Painikkeet määrittääksesi ulkoasun ulkoasun editorissa ja muutaman muutaman asettelumääritteen.
  4. Suunnittelija : Asettelu Design- tai Blueprint-näkymässä tai molemmissa. Pidetään myös suunnittelutilana.
  5. Määritteet : Se ohjaa valitun näkymän määritteitä.

Tämän avulla olemme tämän Android Layout Design Tutorial -artikkelin lopussa. Toivottavasti olette selvillä siitä, mitä sinulle on jaettu tässä opetusohjelmassa.Pysy kuulolla muiden blogien ja onnen kanssa Android-kehittäjäurallasi.

Nyt kun olet ymmärtänyt Android Layout Designin perusteet, tutustu Edureka, luotettava verkko-oppimisyritys, jolla on yli 250 000 tyytyväisen oppijan verkosto, joka levisi ympäri maailmaa.

Edurekan Android-sovelluskehityksen sertifiointikoulutus on tarkoitettu opiskelijoille ja ammattilaisille, jotka haluavat olla Android-kehittäjiä. Kurssi on suunniteltu antamaan sinulle etumatka Java-ohjelmointiin ja kouluttamaan sinua sekä ydin- että edistyneille konsepteille yhdessä projektin kanssa, jonka odotetaan luovan sovelluksen Androidissa.

Onko sinulla kysymys meille? Mainitse se tämän 'Android Layout Design Tutorial' -blogin kommenttiosassa, niin otamme sinuun yhteyttä mahdollisimman pian.