Prezentare generală a Bibliotecii de suport pentru proiectare Android

Introducere

În timpul Google I / O 2015, Google a introdus Biblioteca de suport pentru proiectare pentru dezvoltatorii Android. Această bibliotecă simplifică dezvoltatorii să implementeze mai multe concepte de design material în aplicațiile lor, deoarece multe elemente cheie nu erau disponibile inițial din cutie. Pe lângă faptul că este ușor de utilizat, Biblioteca de suport pentru proiectare este compatibilă înapoi cu API 7. Biblioteca de suport pentru proiectare poate fi inclusă în proiectele dvs. Android prin importul dependenței Gradle.

compile 'com.android.support:design:22.2.0'

1. Componentele vizuale

Există două categorii majore de instrumente în Biblioteca de suport pentru proiect:

  • componente vizuale
  • componente de mișcare

Vom începe prin a arunca o privire la ceea ce noi componente vizuale sunt disponibile pentru a adăuga poloneză la aplicațiile dvs..

Intrare text material

Editează textul vizionările au fost în jur de la început de la Android, iar în timp ce sunt simplu de folosit, nu s-au schimbat cu adevărat multe. Cu ajutorul Bibliotecii de suport pentru design, Google a introdus o nouă vizualizare a containerului numită TextInputLayout. Această vizualizare nouă adaugă funcționalitatea standardului Editează textul, cum ar fi suport pentru mesajele de eroare și sugestii animate pentru a ajuta interfața cu utilizatorul să fie pop.

Așa cum se arată în fragmentul de mai jos, TextInputLayout pot fi incluse în fișierul de aspect ca și înfășurare pentru un standard Editează textul.

  

Gianluca Segato se va uita mai atent la TextInputLayout component într-un tutorial viitoare.

Instrumente plutitoare de acțiune

Una dintre cele mai predominante componente ale interfeței utilizator în aplicațiile Design Material este butonul de acțiune plutitoare. De la introducerea lor, dezvoltatorii au fie nevoiți să creeze aceste butoane de la zero, fie să aleagă una dintre numeroasele biblioteci de terțe părți create special în jurul acestor butoane.

Cu ajutorul Bibliotecii de suport pentru proiectare, butoanele de acțiune plutitoare pot fi incluse într-un aspect și ancorate într-o porțiune a ecranului cu câteva linii simple de XML. Fiecare buton este ușor de personalizat cu pictograme și culori. Două dimensiuni sunt disponibile, standard (56dp) și mini (40dp). Unul dintre cele mai mari avantaje este ca aceste butoane vor fi acum sustinute de Google ca designul lor evolueaza.

Componente de navigație

In timp ce ViewPager și DrawerLayout componentele au fost disponibile pentru o perioadă de timp prin suport bibliotecă v4, Google sa extins asupra lor prin furnizarea a două noi widget-uri conexe. Prima este o versiune oficială a bibliotecii ViewPagerIndicator frecvent utilizate de Jake Wharton numită TabLayout. Al doilea este NavigationView, care oferă suport pentru vederile antetului sertarului.

TabLayout

TabLayout componentele pot avea conținut adăugat la ele manual în cod folosind una din addTab metode. Uitați-vă la următorul exemplu.

tabLayout.addTab (tabLayout.newTab (). setText ("Tab 1")); tabLayout.addTab (tabLayout.newTab (). setText ("Tab 2")); tabLayout.addTab (tabLayout.newTab (). setText ("Tab 3"));

Alternativ, vă puteți asocia TabLayout componente cu a ViewPager. Acest lucru se realizează prin chemare setupWithViewPager (), trecerea în ViewPager ca primul și singurul argument. Acesta este un alt mod de a schimba secțiunile în ViewPager. Ar trebui menționat acest lucru getPageTitle () trebuie să fie suprasolicitat când se utilizează TabLayout cu ViewPager pentru a da fiecărui file un nume propriu.

NavigationView

NavigationView este un widget nou care extinde funcționalitatea DrawerLayout. Dezvoltatorii pot acum să adauge machete de antet în sertar și să marcheze secțiunile selectate cu această componentă ușor de folosit.

În plus, este foarte simplu să creați secțiuni și subsecțiuni în sertar prin intermediul fișierelor de resurse de meniu. Pentru a începe, a NavigationView pur și simplu trebuie să fie asociat cu a DrawerLayout în XML.

   

Toasturi îmbogățite

In timp ce Paine prajita mesaj a fost un staple de Android de ani de zile, o nouă interfață utilizator widget numit Bar de zi este disponibil pentru a oferi o funcționalitate similară cu aspectul îmbunătățit. Nu numai că Bar de zi să prezinte informații pentru utilizator pentru o perioadă scurtă de timp, sprijină, de asemenea, o singură acțiune pentru adăugarea de funcții bazate pe context la aplicațiile dvs. și poate fi respinsă cu un gest.

Bar de zi este pus în aplicare în mod similar cu Paine prajita, deși trebuie să remarcăm că crearea unui site necesită o vizualizare care poate fi utilizată pentru a găsi partea de jos a ecranului aplicației.

Snackbar.make (vedeți "Acțiune", Snackbar.LENGTH_LONG) .setAction ("Acțiune!", Noul View.OnClickListener () @Override public void onClick (Vizualizare v) Log.e ("App" ");   ) .spectacol();

2. Componente de mișcare

Modul în care se comportă și animează interfața cu utilizatorul este foarte important în proiectarea materialelor. Pentru a facilita acest lucru, Google a lansat mai multe componente în Biblioteca de suport de proiectare, care ajută la cazuri de utilizare obișnuită. Kerry Perez-Huanca va arunca o privire mai atentă la acest aspect al Bibliotecii de suport de design într-un tutorial viitoare.

Opiniile reactive

Este posibil să fi observat în exemplul anterior că FloatingActionButton sa mutat în sus atunci când Bar de zi a apărut vizualizarea. Acest lucru se face folosind un widget nou numit CoordinatorLayout, care împrăștie vederi care ar trebui mutate pentru a face loc altor viziuni.

Îmbunătățirea returului rapid și a barelor de instrumente

Mulți dezvoltatori au solicitat o modalitate mai ușoară de a afișa o imagine parallax care funcționează cu un model de design rapid de revenire, dispărând sau reapărând pe măsură ce utilizatorul scroll. Puteți vedea acest comportament în Magazin Play pentru listele de aplicații. Pentru a permite dezvoltatorilor să implementeze acest lucru fără prea mult timp petrecut în scrierea unui cod redundant, Google a lansat CollapsingToolBarLayout și AppBarLayout vizionări. Folosind diferite opțiuni în cadrul acestor widget-uri, dezvoltatorii pot conecta vizualizări în partea superioară a ecranului sau pot specifica momentul în care aceste vizualizări ar trebui să devină vizibile pe măsură ce utilizatorii navighează.

Concluzie

Biblioteca de suport pentru proiectare a adus multe instrumente mult așteptate Android. Când este asociat cu biblioteca AppCompat, devine mult mai ușor să adăugați Material Design în aplicații, menținând compatibilitatea înapoi.

Multe exemple de lucru cu aceste componente noi pot fi găsite în aplicația de referință oficială Google, CheeseSquare și Tuts + vor continua să furnizeze tutoriale aprofundate cu privire la implementarea acestor noi caracteristici.

Cod