Animazione frame by frame

ciao a tutti, è da un pò di giorni che provo a realizzare un'animazione frame by frame su un ImageView quando inserisco più di 25 immagini (frame) mi da errore di outofmemory, se qualcuno può aiutarmi ho provato a cercare in giro ma non ho trovato nulla.

Grazie, in anticipo.

Come la realizzi l'animazione? Quanto sono grosse le foto?

<br /> ImageView imgCentrale;<br /> AnimationDrawable anmCentrale;<br /> <br /> public void onCreate(Bundle savedInstanceState){<br /> super.onCreate(savedInstanceState);<br /> setContentView(R.layout.gioco);<br /> <br /> //......<br /> <br /> imgCentrale = (ImageView) findViewById(R.id.imgCtr);<br /> <br /> imgCentrale.setBackgroundResource(R.drawable.animazione_finale);<br /> anmCentrale = (AnimationDrawable) imgCentrale.getBackground();<br /> <br /> //.....<br /> }

creo l'animazione in questa maniera dove in animazione_finale.xml c'è la lista delle immagini, le immagini sono dei file png di circa 20kb.

Ciao e grazie.

Non ho idea di cosa faccia il tuo codice ad essere sincero roftl

Che ne dici di provare a fare l'animazione con un CountDownTimer dove ogni 10 millisecondi (o un altro valore) cambi il background della imageview?
Potresti caricare le immagini in un array di bitmap e fare una cosa del genere ogni tot millisecondi:

imageview.setImageBitmap(bitmapArray[position++]);

Se così non succede niente, invece di usare un countdowntimer prova ad usare Handler.postDelayed()

Innanzitutto grazie per l'aiuto sei molto gentile, ora provo i tuoi suggerimenti, comunque solo per informazione ho preso spunto da questo:2D Graphics | Android Developers

ciao.

Beh in effetti come hai fatto tu viene più facile, però se con più di 25 immagini va in out of memory è un po' inutile.

Fammi sapere come va con l'handler, che secondo me è meglio che usi quello.
Qualcosa del genere:

<br /> <br /> Handler handler = new Handler();<br /> <br /> ...<br /> ...<br /> <br /> private Runnable mUpdateTask = new Runnable() {<br /> public void run() {<br /> <br /> imageview.setImageBitmap(bitmapArray[position++]);<br /> <br /> if(!animazionefinita)<br /> handler.postDelayed(mUpdateTask, 200); //cambia di nuovo immagine tra 200 ms<br /> <br /> }<br /> };<br /> ...<br /> ...<br /> <br /> private void startAnimation(){<br /> handler.removeCallbacks(mUpdateTimeTask);<br /> handler.postDelayed(mUpdateTimeTask, 500);<br /> }<br /> <br /> <br />

grazie eafkuor, ho un pò di problemi a creare l'array di bitmap non è che hai qualche esempio da dove prendere spunto, sai sono alle prime armi....

Grazie ancora.

Qui di metodi ce ne sono a bizzeffe: BitmapFactory | Android Developers
In particolare credo che useresti questa, dove le Resources le prendi semplicemente facendo this.getResources() da dentro una Activity.


Oppure potresti fare un array di Drawable usando questa in combinazione con questa, credo sia la stessa identica cosa (forse un Bitmap è più leggero di un Drawable o viceversa, dovresti provare).

<br /> public class Game extends Activity {<br /> private static final String TAG = "AndroidBomb";<br /> ImageView imgCtr;<br /> boolean animazionefinita = false;<br /> Handler handler = new Handler();<br /> Bitmap bitmapArrays[] = new Bitmap []{BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0001),<br /> BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0002),<br /> BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0003),<br /> BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0004),<br /> BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0005),<br /> BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0006),<br /> BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0007),<br /> BitmapFactory.decodeResource(this.getResources(),R.drawable.finale_0008),};<br /> int n = 0;<br /> <br /> <br /> public static final String KEY_NPLAYERS = "org.FMsolution.menu.nplayers";<br /> <br /> protected void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setContentView(R.layout.game);<br /> startAnimation();<br /> }<br /> <br /> private Runnable mUpdateTask = new Runnable() {<br /> <br /> @Override<br /> public void run() {<br /> imgCtr.setImageBitmap(bitmapArrays[n++]);<br /> <br /> <br /> if(!animazionefinita)<br /> handler.postDelayed(mUpdateTask, 200);<br /> <br /> }<br /> };<br /> <br /> private void startAnimation(){<br /> handler.removeCallbacks(mUpdateTask);<br /> handler.postDelayed(mUpdateTask, 500);<br /> }<br /> <br /> }<br />

è tutta la mattina che provo ma non c'è verso di farla funzionare, non trovo su internet esempi da dove prendere spunto, sicuramente la colpa è della mia grandissima ignoranza in materia però ho realizzato la stessa animazione in un giochino per iPhone e con 10 righe di codice ci sono riuscito, comunque non mollo e prima o poi ci riuscirò.

Che dimensioni hanno queste immagini? (Larghezza x Altezza, il peso in KB ce l'hai già detto prima, 20 KB mi pare)
Quante ne carichi contemporaneamente?

Ok hai sbagliato un bel po' di roba, ho riorganizzato un po' il tutto, ecco i files:

public class Game extends Activity {<br /> private static final String TAG = "AndroidBomb";<br /> private ImageView imgCtr;<br /> private Button startButton;<br /> private Handler handler = new Handler();<br /> private Bitmap [] bitmapArrays;<br /> private int n = 0;<br /> private Resources res;<br /> <br /> public static final String KEY_NPLAYERS = "org.FMsolution.menu.nplayers";<br /> <br /> protected void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setContentView(R.layout.main);<br /> <br /> <br /> //le findViewById vanno messe sempre DOPO la setContentView<br /> imgCtr=(ImageView) findViewById(R.id.animatedImage); //IMPORTANTISSIMO! altrimenti imgCtr e' null<br /> startButton=(Button) findViewById(R.id.startAnimationButton); //idem<br /> <br /> <br /> <br /> startButton.setOnClickListener(buttonListener); //imposto il listener che viene attivato al click sul bottone<br /> <br /> res=getResources();<br /> <br /> bitmapArrays = new Bitmap []{<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0001),<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0002),<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0003),<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0004),<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0005),<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0006),<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0007),<br /> BitmapFactory.decodeResource(res,R.drawable.finale_0008),};<br /> <br /> startAnimation();<br /> }<br /> <br /> //callback attivato quando clicchi sul bottone<br /> private View.OnClickListener buttonListener=new View.OnClickListener() {<br /> <br /> public void onClick(View v) {<br /> <br /> switch(v.getId()){ //in questo caso la switch e' inutile ma a scopo didattico :D<br /> <br /> case R.id.startAnimationButton:<br /> n=0;<br /> imgCtr.setImageBitmap(bitmapArrays[n++]);<br /> startAnimation();<br /> break;<br /> }<br /> <br /> }<br /> };<br /> <br /> private Runnable mUpdateTask = new Runnable() {<br /> <br /> @Override<br /> public void run() {<br /> imgCtr.setImageBitmap(bitmapArrays[n++]);<br /> <br /> <br /> if(n<bitmapArrays.length-1)<br /> handler.postDelayed(mUpdateTask, 200);<br /> <br /> }<br /> };<br /> <br /> private void startAnimation(){<br /> handler.removeCallbacks(mUpdateTask);<br /> handler.postDelayed(mUpdateTask, 200);<br /> }<br /> <br /> }


Il layout (res/layout/main.xml):

<?xml version="1.0" encoding="utf-8"?><br /> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:orientation="vertical"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> > <br /> <ImageView <br /> android:id="@+id/animatedImage"<br /> android:layout_width="wrap_content" <br /> android:layout_height="wrap_content" <br /> android:layout_centerHorizontal="true"<br /> /><br /> <br /> <Button android:layout_width="wrap_content" <br /> android:layout_height="wrap_content"<br /> android:layout_centerInParent="true"<br /> android:text="@string/startText"<br /> android:id="@+id/startAnimationButton"/><br /> </RelativeLayout>

e il file res/values/strings.xml:

<?xml version="1.0" encoding="utf-8"?><br /> <resources><br /> <string name="hello">Hello World, Game!</string><br /> <string name="app_name">game</string><br /> <string name="startText">Restart animation!</string><br /> </resources>


Così almeno sul mio acer liquid funziona senza problemi ;)

Ovviamente nella cartella res/drawable ci devi mettere i files finale_0001.png, finale_0002.png eccetera!

Grazie mille eafkuor, testato e funziona perfettamente effettivamete c'erano un pò di errori ero andato in panne con l'array di bitmap che non mi ero accorto degli errori, grazie ancora.

Quote:

---

Originariamente inviato da Orochi

Che dimensioni hanno queste immagini? (Larghezza x Altezza, il peso in KB ce l'hai già detto prima, 20 KB mi pare)
Quante ne carichi contemporaneamente?

---

Le immagini sono 205x180 pixel profondità 32 bit, non mi sembrano molto grandi.

Quote:

---

Originariamente inviato da FMsolution

Grazie mille eafkuor, testato e funziona perfettamente effettivamete c'erano un pò di errori ero andato in panne con l'array di bitmap che non mi ero accorto degli errori, grazie ancora.

---

Figurati ;)

Quote:

---

Originariamente inviato da FMsolution

Le immagini sono 205x180 pixel profondità 32 bit, non mi sembrano molto grandi.

---

Significa che ogni immagine, decodificata, occupa 145 KB (205*180*4). 25 immagini sono 3.5 MB.

Su Android un'applicazione può occupare al massimo 16 MB (su dispositivi "vecchi") o 24 MB (sui "nuovi").

E` un po' strano che ti dia OutOfMemory così presto, a meno che tu non abbia veramente poca RAM sul dispositivo o che il resto del tuo programma non ne occupi molta.

In ogni caso ti converrebbe studiare qualche sistema di double o triple buffering, e quindi di usare solo 2 o 3 bitmap contemporaneamente in memoria, caricando le altre quando servono.

Bye.

Quote:

---

Originariamente inviato da Shu

Significa che ogni immagine, decodificata, occupa 145 KB (205*180*4). 25 immagini sono 3.5 MB.

Su Android un'applicazione può occupare al massimo 16 MB (su dispositivi "vecchi") o 24 MB (sui "nuovi").

E` un po' strano che ti dia OutOfMemory così presto, a meno che tu non abbia veramente poca RAM sul dispositivo o che il resto del tuo programma non ne occupi molta.

In ogni caso ti converrebbe studiare qualche sistema di double o triple buffering, e quindi di usare solo 2 o 3 bitmap contemporaneamente in memoria, caricando le altre quando servono.

Bye.

---

grazie per la risposta, hai qualche link che trattano l'argomento, potrebbe essere molto interessante.ciao.

Rieccomi, il problema si è ripresentato, ho provato a non fermare l'animazione ma ha creare un loop però al secondo ciclo si blocca e mi da outofmemory ecc.., non capisco ho ridotto anche le immagini sono 25 e di dimensione 11 kb mi sembra molto strano che non riesco ad eseguire una semplice animazione.

C'è un modo per monitorare le risorse e controllare quanta memoria viene utilizzata in un certo periodo.

Grazie,ciao.

Ma scusa il loop come lo fai? Non rimetti semplicemente n=0?

si ho risolto il questa maniera:

<br /> private Runnable mUpdateTask = new Runnable() {<br /> <br /> //@Override<br /> public void run() {<br /> imgCtr.setImageBitmap(bitmapArrays[n++]);<br /> <br /> if(n<bitmapArrays.length -1){<br /> handler.postDelayed(mUpdateTask, 250);<br /> }else if (n >= bitmapArrays.length - 1) {<br /> n = 0;<br /> startAnimation();<br /> }<br /> } <br /> };

adesso funziona.

Credo che potresti eliminare il secondo if:

private Runnable mUpdateTask = new Runnable() {<br /> <br /> //@Override<br /> public void run() {<br /> imgCtr.setImageBitmap(bitmapArrays[n++]);<br /> <br /> if(n<bitmapArrays.length -1){<br /> handler.postDelayed(mUpdateTask, 250);<br /> }else {<br /> n = 0;<br /> startAnimation();<br /> }<br /> } <br /> };

E magari potresti salvarti bitmapArrays.length -1 in modo da non doverlo far ricalcolare al processore ogni volta :D Ma sono solo finezze, di certo non gli ci vuole molto a fare una sottrazione o un if.

eccomi di nuovo, ho un altro problema, ho aggiunto un timer che ogni tot secondi esegue un'operazione quando parte il timer si ferma l'animazione. non riesco a capire il motivo.

grazie.

Risolto, ho bypassato il problema aggiungendo un'altro handler, mi rimane comunque il dubbio perchè avvenga ciò.

beh per avere una risposta dovresti postare il codice :D