Proiectarea interfeței utilizator Android Comenzi de bază de text

În acest tutorial, veți afla cum să creați controale de bază pentru textul Android. Apoi veți învăța cum să configurați, să stylizați și să manipulați comenzile într-o varietate de moduri.

Acest tutorial vă arată pașii pentru a crea un număr de controale TextView diferite în aplicația dvs. Android. În primul rând, învățați cum să adăugați controale text de bază la fișierele de aspect și ce sunt cele mai utile atribute ale acestora. Apoi, veți învăța cum să setați conținutul controlului de text în două moduri diferite. În sfârșit, discutăm câteva dintre celelalte funcții disponibile pentru controlul TextView în Android.

SDK-ul Android include un simplu control text static pentru a fi utilizat în cadrul planificărilor: TextView (android.widget.TextView). Un bun exemplu de utilizare a controlului TextView ar fi să afișați etichete textuale pentru alte comenzi, cum ar fi "Introduceți o dată:", "Introduceți un nume:" sau "Introduceți o parolă:".

Iată un exemplu de ecran cu multe controale TextView diferite afișate pe el.

Pasul 1: Creați o aplicație Android

Începeți prin crearea unui proiect Android. Implementați-vă aplicația Android ca în mod normal. Odată ce ați configurat un proiect și aplicația rulează, decideți în ce ecran să adăugați controale de text. Poate că ați creat pur și simplu un nou proiect Android cu Activitatea și layout-ul implicit (main.xml). Acest lucru va funcționa pentru acest exercițiu. Odată ce ați instalat proiectul Android, sunteți gata să continuați cu acest tutorial.

Pasul 2: Adăugarea unui control TextView la un aspect

Comenzile TextView sunt, de obicei, incluse ca parte a fișierului de resurse al aranjamentului activității. De exemplu, pentru a adăuga un control TextView la resursa de aspect principal.xml asociată aplicației dvs., trebuie să editați fișierul de aspect. Puteți face acest lucru în cadrul Eclipse utilizând designerul Resource Layout sau prin editarea directă a XML-ului. Controalele pot fi create, de asemenea, programatic și adăugate pe ecran la timpul de execuție. Pur și simplu creați un control Textview (android.widget.TextView) și adăugați-l la aspectul din cadrul activității dvs..

Pentru a adăuga un control TextView la un fișier de resurse de structură, deschideți fișierul /res/layout/main.xml care este parte a proiectului dvs. Android. Faceți clic pe butonul LinearLayout (sau controlul aspectului părinte) pe care doriți să-l adăugați controlului TextView. În Eclipse, din cadrul graficului Layout Resource designer, puteți selecta controlul TextView și trageți-l în aspectul părinte.

Pentru a configura modul în care controlul TextView arată și se comportă, ajustați atributele comenzii selectând comanda (fie în tab-ul Schiță sau în fereastra de previzualizare) și schimbând atributele acestuia, după cum se arată în fila Proprietăți. De asemenea, puteți edita XML direct.

Atribute specifice ale controalelor TextView pe care doriți să le cunoașteți:

• Oferiți controlului TextView un nume unic utilizând proprietatea id.
• Setați textul afișat în cadrul controlului TextView utilizând proprietatea text; programat setat cu metoda setText ().
• Setați proprietățile înălțimii aspectului și lățimea dispunerii comenzii, după caz.
• Setați orice alte atribute pe care doriți să le reglați aspectul controlului. De exemplu, ajustați dimensiunea textului, culoarea, fontul sau alte setări de stil.

Să discutăm unele dintre atributele cele mai comune pentru controalele TextView.

Pasul 3: Alinierea textului într-un control TextView

Implicit, conținutul textului unui control TextView este aliniat la stânga. Cu toate acestea, puteți poziționa textul utilizând atributul de gravitate. Această setare vă poziționează textul în raport cu lățimea și înălțimea generală a controlerului și are sens doar să utilizați dacă există spații albe în cadrul controlului TextView deoarece ați setat layout_height și / sau layout_width la altceva decât wrap_content. În XML, această proprietate ar apărea în controlul dvs. TextView ca fiind:

 android: gravitație = "centru" 

Puteți vedea un exemplu de control TextView aliniat în centru în figura de mai sus, numită "Text centrat". Acest control TextView are un layout_width de match_parent și un layout_height de wrap_content.

Dacă lucrați cu controlul TextView în codul dvs. Java, puteți seta și alinierea programului programabil TextView folosind metoda setGravity () a clasei TextView.

Pasul 4: Controlul fundalului unui control TextView

În mod prestabilit, fundalul unui control TextView este transparent. Adică, orice este în spatele controlului este arătat. Cu toate acestea, puteți seta fundalul unui control în mod explicit, la o resursă de culoare sau la o imagine (trasabilă). În XML, această proprietate ar apărea în controlul dvs. TextView ca fiind:

 Android: fundal = "# 0000FF"

Puteți vedea un exemplu de control TextView cu fundal albastru în figura de mai sus. Acest control TextView are un layout_width de match_parent și un layout_height de wrap_content. Rețineți că întregul control are fundalul, nu doar zona cu conținutul textului.

Dacă lucrați cu controlul TextView în codul dvs. Java, puteți seta, de asemenea, alinierea programelor de control TextView utilizând metoda setBackgroundResource () a clasei View.

Pasul 5: Conectarea automată a conținutului controlului TextView

În mod implicit, orice conținut text din cadrul unui control TextView este afișat ca text simplu. Cu toate acestea, prin setarea unui atribut simplu numit autoLink, tot ce puteți permite detectarea automată a informațiilor despre web, e-mail, telefon și adresă din text. În XML, această proprietate ar apărea în controlul dvs. TextView ca fiind:

 Android: autoLink = "all"

Puteți vedea un exemplu de control TextView cu legături automate în figura de mai sus. Acest control TextView nu are procesare specială a legăturii de manipulare; conținutul său este doar un șir. Sistemul de operare Android detectează numărul de telefon, care, când se face clic, lansează aplicația Telefon. În mod similar, e-mailul lansează aplicația preferată de e-mail a utilizatorului. URL-ul lansează aplicația Browser. Dacă doriți să includeți o adresă complet rezolvată, aceasta ar fi legată de aplicația Hărți.
Dacă lucrați cu controlul TextView în codul dvs. Java, puteți seta, de asemenea, caracteristica de legătură automată a controlului dvs. TextView utilizând metoda setAutoLinkMask () din clasa TextView.

Pasul 6: Lucrul cu controalele TextView cu mai multe linii

Implicit, conținutul textului unui control TextView se va înfășura și va continua pe mai multe rânduri dacă nu specificați altceva. Puteți personaliza acest comportament în mai multe moduri:

• Puteți utiliza atributul android: lines pentru a seta controlul TextView la un anumit număr de linii.
• Puteți utiliza atributul android: minLines și atributul android: maxLines pentru a seta controlul TextView la o valoare care să nu crească niciodată mai mică sau mai mare decât numărul specific de linii.
• Puteți utiliza atributul android: singleLine pentru a evita împachetarea pe mai multe linii, dar pentru a oferi o vizualizare alternativă a textului într-o singură linie.
• Puteți folosi atributul android: lineSpacingExtra pentru a specifica distanța dintre spațiile albe dintre fiecare linie (de exemplu, dublu distanțată pentru lizibilitate).

Puteți vedea exemple de controale TextView cu mai multe linii și linii în figura de mai sus.

Dacă lucrați cu controlul TextView în codul dvs. Java, puteți modifica aceste setări programabil utilizând metodele corespunzătoare din clasa TextView (pentru detalii, consultați informațiile despre clasa TextView cu documentația SDK Android).

Pasul 7: Personalizarea culorii textului unui control TextView

Puteți controla culoarea textului în cadrul controlului TextView utilizând atributul textColor. Acest atribut poate fi setat la o resursă de culoare sau o anumită culoare după valoarea hex. În XML, această proprietate ar apărea în controlul dvs. TextView ca fiind:

 Android: textcolor = "# FF0000"

Puteți vedea un exemplu de control roșu TextView în figura de mai sus. Dacă lucrați cu controlul TextView în codul dvs. Java, puteți de asemenea să setați programabil atributul de culoare al controlului dvs. TextView utilizând metoda setTextColor () a clasei TextView.

De asemenea, puteți crea un efect de strălucire subtil asupra controlului dvs. TextView utilizând atributele shadowColor, shadowDx, shadowDy și shadowRadius, așa cum se arată în controlul TextView de jos al figurii. Aceste atribute sunt echivalente programabil cu metoda setShadowLayer () a clasei TextView.

Pasul 8: Personalizarea stilului și a familiei de caractere ale unui control TextView

Puteți controla stilul textului (bold, italic) și familia de fonturi (sans, serif, monospace) în cadrul controlului TextView utilizând atributele textStyle și typeface. În XML, aceste proprietăți ar apărea în controlul dvs. TextView ca:

 android: textStyle = "bold" și Android: typeface = "monospace"

Puteți vedea exemple de controale TextView bold și monospace în figura de mai sus. Dacă lucrați cu controlul TextView în codul dvs. Java, puteți seta atat atributele programelor de control TextView utilizând metoda setTypeface () a clasei TextView

Concluzie

Comenzile TextView sunt utilizate frecvent în interfețele de aplicații pentru aplicații Android pentru a afișa conținutul textului în moduri diferite. În acest tutorial, ați învățat cum să creați controale de text Android și să le personalizați într-o varietate de moduri simple. Aceste atribute pot fi amestecate și potrivite pentru a permite afișarea foarte flexibilă a textului pe ecran.