Android Layout Design Tutorial: Minden, amit tudnia kell

Ez az Android Layout Design oktatóanyag segít megérteni, hogyan lehet az elrendezéseket megtervezni a nézetek és a nézetcsoportok segítségével egy bemutatóval.

Ha új vagy a , tökéletes helyre került, hogy elkezdhesse az elrendezés megismerését. Ez a cikk az Android elrendezésének bemutatójáról segítséget nyújt a kilépésheznéhány hasznos tipp a jobb felhasználói felület megtervezéséhez, és elmagyarázza az UI tervezését is.



Az alábbi témákat fogom megvitatni:



Szóval, kezdjük!

dupla int-be dobása java-ban

Android Layout Design Tutorial: Bevezetés a felhasználói felület összetevőibe

A felhasználói felület összetevőiről szólva minden Android-alkalmazás tipikus felhasználói felülete a következőkből áll:



  • Fő cselekvési sáv
  • Nézet vezérlése
  • Tartalmi terület
  • Osztott műveletsáv

Ezek nagy szerepet játszanak, miközben Ön egy komplex alkalmazást fejleszt. Erről tiszta képet kaphat, amikor eljutunk a cikk bemutató szakaszához.

A felhasználói felület testreszabásának másik fontos tényezője a nézet komponens.

Lássuk, mi a nézet



Android Layout Design bemutató: Nézetek

NAK NEK Kilátás fájl a megfelelő felhasználói felület alapvető építőelemének számít, amelyet valójában a Osztály megtekintése . Ez egy négyszögletes területet foglal el a képernyőn, és végül gondoskodik a rajzolásról és az eseménykezelésről.

A Nézet a kütyük alaposztálya, amelyek interaktív felhasználói felület-összetevők létrehozására szolgálnak, például gombok, szövegmezők stb. bármi, amit egy androidos alkalmazás képes megjeleníteni. A téglalap itt valójában láthatatlan, de minden nézet négyszög alakú.

Kérdése lehet, mekkora lehet ez a téglalap?

A válasz: manuálisan beállíthatja a pontos méret megadásával (megfelelő egységekkel), vagy néhány előre definiált értéket. Ezek az előre definiált értékek match_parentand wrap_content. Ez match_parent azt jelenti, hogy elfoglalja a készülék kijelzőjén rendelkezésre álló teljes helyet. Mivel, wrap_content arra utal, hogy csak annyi helyet foglal el, amely a tartalma megjelenítéséhez szükséges.

Most mutassuk meg a View és a ViewGroup közötti főbb különbségeket.

Kilátás

  1. Kilátás az objektumok az Android felhasználói felületének alapvető építőelemei.
  2. A Nézet egy egyszerű téglalap alakú mező, amely válaszol a felhasználó műveleteire.
  3. A nézet az android.view.View osztályra utal, amely az összes felhasználói felület osztály alaposztálya.
  4. Ilyenek például az EditText, Button, CheckBox stb.

ViewGroup

  1. ViewGroup a láthatatlan tároló, amely a View és a ViewGroup tárolja.
  2. A ViewGroup a Elrendezések .
  3. Például a LinearLayout a ViewGroup, amely tartalmazza a Gombot (Nézet) és más elrendezéseket is.

Most lépjünk előre és értsük meg a jelen lévő elrendezéseket.

Android Layout Design bemutató: Elrendezések típusai

NAK NEK elrendezés meghatározza az alkalmazás felhasználói felületének felépítését. Az elrendezés összes eleme a Kilátás és ViewGroup tárgyakat.

Most nézzük meg, hogyan lehet deklarálni az elrendezést.

Az elrendezést kétféleképpen deklarálhatja:

  • Nyissa meg a felhasználói felület elemeit XML-ben. Az Android egyszerű XML szókincset biztosít, amely megfelel a View osztályoknak és alosztályoknak, például a widgetek és elrendezések számára.

Jegyzet: Az Android Studio Elrendezésszerkesztőjével is létrehozhatja XML-elrendezését a fogd és vidd felület segítségével.

  • Azonnali elrendezési elemek itt: futási idő . Az alkalmazás létrehozhat Kilátás és ViewGroup objektumokat, és programozottan manipulálják azok tulajdonságait.

Beszéljük meg az elrendezések különböző típusait.

Az Android felhasználói felülete a Views és a ViewGroups hierarchiája. A ViewGroups köztes csomópontok lesznek a hierarchiában, a nézetek pedig terminál csomópontok lesznek.

  • Lineáris elrendezés
  • Abszolút elrendezés
  • Relatív elrendezés
  • Táblázat elrendezése
  • Keret elrendezése

Beszéljük meg őket részletesen.

Lineáris elrendezés

A lineáris elrendezést arra használják, hogy minden egyes sorhoz egy elem kerüljön. Tehát az összes elem rendezett felülről lefelé kerül elhelyezésre. Ez egy nagyon széles körben használt elrendezés űrlapok létrehozásához az Android rendszeren. Nevezhetjük nézetcsoportnak is, amely az összes gyermeket egy irányba igazítja, függőlegesen vagy vízszintesen.

Abszolút elrendezés

Abszolút elrendezésben megadhatja az egyes elhelyezni kívánt vezérlők pontos koordinátáit. Ebben a típusú elrendezésben megadhatja az egyes vezérlések pontos X és Y koordinátáit. Lehetővé teszi a gyermekek pontos helyének megadását.

Relatív elrendezés

A relatív elrendezés a ViewGroup amely a gyermek nézeteit relatív helyzetben jeleníti meg. temegadhatja az elemek helyzetét más elemekhez viszonyítva, vagy a szülőtárolóhoz viszonyítva.

Táblázat elrendezése

A tábla elrendezésével létrehozhat egy táblázatot sorokkal és oszlopokkal, és elemeket helyezhet el bennük. Minden sorban megadhat egy vagy több elemet. Ezzel a paranccsal új táblaelrendezést hozhat létre.

Keret elrendezése

A Frame elrendezés akkor használható, ha egy elemet szeretne megjeleníteni minden képernyőn. A keretelrendezés használatával több elem is lehet. Ez a keretelrendezés egy helyőrző a képernyőn, amelyet egyetlen nézet megjelenítésére használhat.

Android Layout Design bemutató: Mértékegységek

Amikor egy elem méretét adja meg egy Android felhasználói felületen, feltétlenül emlékezzen a következő mértékegységekre.

Mértékegység Leírás
dp Sűrűségtől független pixel. 1dp egyenértékű a pixel egy 160dpi képernyő.
sp Méretarány független pixel. Ez nagyon hasonlít a dp-hez, de csak ez ajánlott a betűméretek megadásához.
pt Pont. A pont meghatározása 1/72 hüvelyk.
px Pixel. Megfelel a tényleges képpontoknak a képernyőn

Most térjünk át a cikk utolsó témájára.

Android Layout Design bemutató: Demó

Ebben a bemutató részben ismerjük meg, hogyan kell dolgozni az elrendezésekkel Android Studio .

Lásd a az Android Stúdióba.

Így néz ki az elrendezés. Csak válassza ki a kihúzhatót, és talál néhány osztályt, válasszon bármely más osztályt ezen a rajzon. Vagy kódolhatja az elrendezési struktúrát, vagy megtekintheti a tervet, és csak az elemeket húzza át a tervezési helyre.

Bemutató - Android Layout Design Tutorial - Edureka

Megtekintheti a komponenseket, amelyeket a komponensfa alatt választott ki.

Ezeket az elrendezésben is megtalálhatja.

  1. Paletta : Ez tartalmazza az elrendezésbe húzható nézetek és nézetcsoportok listáját.
  2. Összetevő Fa : Az elrendezés Nézet hierarchiájából áll.
  3. Eszköztár : Gombok az elrendezés megjelenésének konfigurálásához a szerkesztőben és néhány elrendezési tulajdonság megváltoztatásához.
  4. Design szerkesztő : Elrendezés Design vagy Blueprint nézetben, vagy mindkettő. Tervezési térnek is tekinthető.
  5. Attribútumok : A kiválasztott nézet attribútumait vezérli.

Ezzel eljutottunk az „Android Layout Design Tutorial” című cikkünk végéhez. Remélem, hogy srácok tisztában vannak azzal, amit megosztottak veletek ebben az oktatóanyagban.Maradjon velünk a többi blogon és a Good Luck Android-fejlesztői karrierjén.

Most, hogy megértette az Android Layout Design alapjait, nézze meg a az Edureka, egy megbízható online tanulási vállalat, amelynek több mint 250 000 elégedett tanulóval rendelkező hálózata elterjedt az egész világon.

Az Edureka Android App Development tanúsító tanfolyamát azoknak a hallgatóknak és szakembereknek tervezték, akik Android fejlesztők szeretnének lenni. A tanfolyamot úgy tervezték, hogy előrelépést nyújtson a Java programozásban, és megtanítsa mind az alapvető, mind a haladó koncepciókra, valamint egy olyan projektet, ahol várhatóan létrehoz egy alkalmazást Android rendszerben.

Van egy kérdésünk? Kérjük, említse meg ennek az „Android Layout Design Tutorial” blognak a megjegyzés rovatában, és a lehető leghamarabb kapcsolatba lépünk Önnel.