Învățați să actualizați paginile aplicației utilizând aspectul de reîmprospătare

Învățați să actualizați paginile aplicației utilizând Swipe Refresh Layout

Odată cu apariția Android 5 Lollipop și Material Design, multe lucruri interesante au apărut în funcționalitatea de programare Android, dintre care unul vom lua în considerare astăzi și vom învăța cum să folosim. Este vorba despre un lucru ca Swipe Refresh Layout. Utilizarea acestui tip de aspect vă permite să actualizați paginile aplicației utilizând gestul degetului din partea de sus a ecranului. Dacă utilizați versiunea mobilă a browserului Chrome, ați văzut această funcție, care, întâmplător, a fost introdusă destul de recent, cu aproximativ o lună în urmă:







Învățați să actualizați paginile aplicației utilizând aspectul de reîmprospătare

Un lucru frumos și util, și chiar mai interesant - nu este greu de utilizat și este disponibil chiar și pe versiunile mai vechi de Android, pe Froyo exact (testat). Și așa începem să fim luminați.

Creați un proiect nou, selectați Activitate neagră. Deschideți fișierul activity_main.xml și adăugați un aspect special numit SwipeRefreshLayout pentru a implementa actualizarea cu un gest:







Elementul ScrollView a fost creat pentru a putea copia pagina, fără ca nimic să iasă (acest lucru este în mod special în cazul nostru, dar nu peste tot).

Dacă nu interferezi cu setările de culoare ale pictogramei de actualizare, în mod implicit va fi alb-negru. Dar vom face cercul nostru. Pentru a face acest lucru, în folderul res / values, creați un fișier numit colors.xml și adăugați mai multe culori:

Acum mergeți la MainActivity.java și începeți să scrieți codul. Pentru a implementa această funcție de actualizare cu un gest, activitatea noastră trebuie să efectueze o interfață specială SwipeRefreshLayout. OnRefreshListener.

În special nu există nimic de explicat, declarat și inițializat elementul SwipeRefreshLayout, setarea execuției interfeței .OnRefreshListener. personalizat pentru o bandă de culoare rotativă, folosind culorile.xml pe care le-am creat împreună cu fișierul. Dacă nu le folosiți, așa cum sa menționat mai sus, animația va fi alb-negru.

Creați metoda onRefresh (). în care indicăm finitatea procesului de actualizare (.setRefreshing (false)) și setăm lungimea procesului de actualizare la 5000 milisecunde, adică 5 secunde. Puteți experimenta și adăuga mai multe culori și o durată mai lungă de actualizări de animație, cât doriți.

Lansăm creația noastră și analizăm rezultatul:

Învățați să actualizați paginile aplicației utilizând aspectul de reîmprospătare

Sa dovedit, vei fi de acord destul de cool :). Ca și mai târziu, vom aborda exemple mai complexe de utilizare a opțiunii Swipe Refresh Layout.







Trimiteți-le prietenilor: