Faceți un buton animat cu imagine

Butoanele sunt cel mai folosit element al oricărei aplicații Android. Astăzi ne vom extinde abilitățile în domeniul creării butonului și vom face un buton animat.







Creați un proiect nou, selectați Activitate neagră. Pașii de bază ai creației vor fi după cum urmează:

1) să creeze o interfață de program constând doar dintr-un element ImageView, care va acționa ca un buton;

2) creați o animație dintr-un set de imagini;

3) Ei bine și în cele din urmă codificăm în MainActivity.java.

Să începem cu interfața. Deschideți fișierul activity_main.xml și adăugați elementul ImageView. cerându-i anumite cadre, astfel încât el nu ne-a ocupat în cele din urmă cu tot ecranul:

Până acum, Android Studio ne certăm pe linia android: background = "@ drawable / anim_button" pentru a repara acest lucru, du-te la al doilea element din plan: creați o animație. După cum probabil ați ghicit, animația din aplicație va fi reprezentată de fișierul xml anim_button.xml. Înainte de crearea acesteia, vom adăuga mai multe imagini la proiectul de aplicație, care va alcătui animația. Eu nu sunt prea cool designer (să-l spun ușor), deci dacă nu vă place setul meu de imagini. pot lua ceva de-al tău. Imaginile trebuie plasate în folderul res / desen al proiectului.







Acum, în același director res / drawable creați un nou fișier xml numit anim_button.xml și adăugați imaginile la el:

Comanda duratei controlează durata afișării unei imagini în milisecunde, puteți alege valoarea optimă pentru dvs.

Du-te la locul de muncă în fișierul MainActivity.java. Trebuie să declarăm și să inițializăm variabilele ImageView și AnimationDrawable, să setăm fișierul anim_button.xml ca animație pentru elementul ImageView și să configurăm animația însăși la apăsarea butonului ImageView. Pentru aceasta, adăugați următorul cod:

Ei bine, asta e tot timpul, începem și vedem ce sa întâmplat:

Faceți un buton animat cu imagine

Butonul ImageView funcționează bine. Pentru a face animația să se repete 1, în linie
animation.setOneShot (false) trebuie să fie setat la true.

Animația noastră nu este foarte frumoasă, deci este greu să vezi aplicația, dar dacă creați o animație frumoasă, atunci folosirea unui astfel de element în interfața programului poate fi foarte utilă și plăcută. Apropo, am făcut o treabă similară în lecția de creare a animației cadru.







Trimiteți-le prietenilor: