Dacă sunteți nou în , ați aterizat în locul perfect pentru a începe să învățați despre proiectarea aspectului. Acest articol despre tutorialul de proiectare a aspectului Android vă va ajuta să ieșițicâteva sfaturi utile pentru a face un design UI mai bun și explică, de asemenea, modul de proiectare a unei UI.
Voi discuta subiectele de mai jos:
Asadar, haideti sa începem!
ce este evenimentul în javascript
Tutorial Android Design Layout: Introducere în componentele UI
Vorbind despre componentele UI, interfața tipică a oricărei aplicații Android constă din următoarele componente:
- Bara principală de acțiune
- Control vizualizare
- Zona de continut
- Bara de acțiune divizată
Acestea joacă un rol major în timp ce dezvoltați o aplicație complexă. Veți avea o vedere clară a acestui lucru când vom ajunge la secțiunea demonstrativă a acestui articol.
Un alt factor important care ajută la personalizarea designului UI ar fi componenta de vizualizare.
Să vedem ce este o vizualizare în
Tutorial de proiectare a aspectului Android: Vizualizări
LA Vedere este considerat ca un element de bază pentru o interfață de utilizator adecvată care este creată de fapt din Vezi clasa . Acesta ocupă o zonă dreptunghiulară pe ecran și se ocupă în cele din urmă de desen și de gestionarea evenimentelor.
O vizualizare este clasa de bază pentru widget-uri, care sunt folosite pentru a crea componente interactive UI, cum ar fi butoane, câmpuri de text, etc. orice poate afișa o aplicație Android. Dreptunghiul de aici este de fapt invizibil, dar fiecare vedere ocupă o formă de dreptunghi.
S-ar putea să aveți o întrebare, care poate fi dimensiunea acestui dreptunghi?
Răspunsul este că îl puteți seta manual, specificând dimensiunea exactă (cu unități adecvate) sau utilizând unele valori predefinite. Aceste valori predefinite sunt match_parentand wrap_content. Acest parinte potrivit înseamnă că va ocupa spațiul complet disponibil pe afișajul dispozitivului. Întrucât, wrap_content se referă la faptul că va ocupa doar atât spațiul necesar pentru a fi afișat conținutul său.
Acum, să subliniem diferențele majore dintre View și ViewGroup.
Vedere
- Vedere obiectele sunt elementele de bază ale elementelor UI din Android.
- O vizualizare este o casetă simplă dreptunghiulară care răspunde la acțiunile utilizatorului.
- Vizualizarea se referă la clasa android.view.View, care este clasa de bază a tuturor claselor UI.
- Exemple sunt EditText, Button, CheckBox etc.
ViewGroup
- ViewGroup este containerul invizibil care deține View și ViewGroup.
- ViewGroup este clasa de bază pentru Aspecte .
- De exemplu, LinearLayout este ViewGroup care conține Buton (Vizualizare) și alte Layouts.
Acum să mergem mai departe și să înțelegem aspectele prezente.
Tutorial de proiectare a aspectului Android: Tipuri de machete
LA aspect definește structura pentru o interfață utilizator în aplicație. Toate elementele din aspect sunt construite folosind o ierarhie de Vedere și ViewGroup obiecte.
Acum să vedem cum să declarăm aspectul.
Puteți declara un aspect în două moduri:
Declarați elementele UI în XML. Android oferă un vocabular XML simplu, care corespunde claselor și subclaselor Vizualizare, cum ar fi cele pentru widget-uri și machete.
Notă: De asemenea, puteți utiliza Editorul de aspect al Android Studio pentru a vă construi aspectul XML utilizând o interfață drag-and-drop.
Instantați elementele de aspect la timpul de rulare . Aplicația poate crea Vedere și ViewGroup obiecte și manipulează proprietățile lor programatic.
Să discutăm despre diferitele tipuri de aspecte.
UI în Android este o ierarhie a Vizualizărilor și a ViewGroups. ViewGroups vor fi noduri intermediare în ierarhie, iar vizualizările vor fi noduri terminale.
- Aspect liniar
- Aspect absolut
- Aspect relativ
- Aspectul tabelului
- Aspectul cadrului
Să le discutăm în detaliu.
Aspect liniar
Aspectul liniar este folosit pentru a plasa un element pe fiecare linie. Deci, toate elementele vor fi plasate în mod ordonat de sus în jos. Acesta este un aspect foarte utilizat pentru crearea de formulare pe Android. Poate fi denumit și un grup de vizualizare care aliniază toți copiii într-o singură direcție, vertical sau orizontal.
Aspect absolut
În aspect absolut, puteți specifica coordonatele exacte ale fiecărui control pe care doriți să îl plasați. În acest tip de aspect, puteți da coordonatele X și Y exacte ale fiecărui control. Vă permite să specificați locația exactă a copiilor săi.
Aspect relativ
Un aspect relativ este un ViewGroup care afișează vizualizările copilului în poziții relative. Tupoate specifica poziția elementelor în raport cu alte elemente sau în raport cu containerul părinte.
Aspectul tabelului
Folosind aspectul tabelului, puteți crea un tabel cu rânduri și coloane și puteți plasa elemente în ele. În fiecare rând, puteți specifica unul sau mai multe elemente. Puteți utiliza această comandă pentru a crea un nou aspect de tabel.
Aspectul cadrului
Aspectul cadrului este utilizat atunci când doriți să afișați un articol pe fiecare ecran. Folosind aspectul cadrului, puteți avea mai multe elemente.Acest aspect de cadru este un substituent pe ecran pe care îl puteți utiliza pentru a afișa o singură vizualizare.
Tutorial de proiectare a aspectului Android: Unități de măsură
Când specificați dimensiunea unui element pe o interfață de utilizare Android, ar trebui să vă amintiți cu siguranță următoarele unități de măsură.
| Unitate | Descriere |
|---|---|
| dp | Pixel independent de densitate. 1dp este echivalent cu un pixel pe un 160 dpi ecran. |
| sp | Scalați pixeli independenți. Acest lucru este foarte asemănător cu dp, dar doar acest lucru este recomandat pentru specificarea dimensiunilor fontului. |
| pt | Punct. Un punct este definit ca fiind 1/72 de inch. |
| px | Pixel. Corespunde pixelilor reali de pe ecran |
Acum, să trecem la subiectul final al acestui articol.
Tutorial de proiectare a aspectului Android: Demo
În această secțiune demonstrativă, să înțelegem cum să lucrați cu aspectele din Android Studio .
Consultați la Android Studio.
Așa arată aspectul. Doar selectați desenul și veți găsi câteva clase, selectați orice altă clasă sub acest desen. Puteți codifica structura aspectului sau puteți vizualiza designul și trageți și fixați componentele de pe spațiul de proiectare.
Puteți vizualiza componentele pe care le-ați selectat sub arborele componentelor.
Le puteți găsi și în aspect.
- Paletă : Aceasta conține lista de vizualizări și grupuri de vizualizări pe care le puteți trage în aspect.
- Componenta Copac : Constă în ierarhia Vizualizare pentru aspectul dvs.
- Bara de instrumente : Butoane pentru a configura aspectul aspectului în editor și pentru a modifica câteva atribute de aspect.
- Editor de design : Aspect în vizualizare Design sau Blueprint sau ambele. De asemenea, considerat ca spațiul de proiectare.
- Atribute : Controlează atributele vizualizării selectate.
Cu aceasta, ajungem la sfârșitul acestui articol despre „Tutorial de proiectare a aspectului Android”. Sper că voi sunteți clari cu ceea ce v-a fost împărtășit în acest tutorial.Rămâneți la curent cu alte bloguri și Noroc cu cariera dvs. în Android Development.
Acum că ați înțeles elementele de bază ale designului de aspect Android, consultați de Edureka, o companie de învățare online de încredere, cu o rețea de peste 250.000 de elevi mulțumiți răspândiți pe tot globul.
Cursul de formare pentru certificarea dezvoltării aplicațiilor Android Edureka este conceput pentru studenți și profesioniști care doresc să fie dezvoltatori Android. Cursul este conceput pentru a vă oferi un început important în programarea Java și pentru a vă instrui atât pentru conceptele de bază, cât și pentru cele avansate, împreună cu un proiect în care vă așteptați să creați o aplicație în Android.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a acestui blog „Tutorial de proiectare a aspectului Android” și vă vom contacta cât mai curând posibil.