Creación de una presentación de diapositivas que desvanecen imágenes entre sí y transforman

Por último clasificado … es muy largo winded como yo no podía llegar a los apretones con el evento final de animación debido a las múltiples animaciones .. así que probablemente no es la mejor manera, pero funciona y estoy feliz!

Para cualquiera que quiera saber cómo … o quiere adaptarlo para hacerlo mejor aquí es:

Actividad:

 public class MyTransition extends Activity { ImageView slide_0; ImageView slide_1; ImageView lastSlide; Vector<Integer> imageIds; LinearLayout linLayout; int count = 0; private Handler transparencyHandler = new Handler(); private Handler timerHandler = new Handler(); @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.test2); slide_0 = (ImageView) findViewById(R.id.slide_1); slide_1 = (ImageView) findViewById(R.id.slide_2); imageIds = new Vector<Integer>(); imageIds.add(R.drawable.one); imageIds.add(R.drawable.two); imageIds.add(R.drawable.three); imageIds.add(R.drawable.four); imageIds.add(R.drawable.five); imageIds.add(R.drawable.six); // Load Image 1 slide_0.setImageResource(imageIds.get(0)); slide_0.startAnimation(AnimationUtils.loadAnimation(this, R.anim.transition_down)); lastSlide = slide_0; timerHandler.postDelayed(timer, 8000); } private Runnable timer = new Runnable() { public void run() { if (lastSlide == slide_0) { slide_1.setImageResource(0); slide_1.setImageResource(imageIds.get((count + 1) % (imageIds.size()))); slide_1.startAnimation(AnimationUtils .loadAnimation(MyTransition .this, R.anim.transition_down)); lastSlide = slide_1; } else { slide_0.setImageResource(0); slide_0.setImageResource(imageIds.get((count + 1) % (imageIds.size()))); slide_0.startAnimation(AnimationUtils .loadAnimation(MyTransition .this, R.anim.transition_up)); lastSlide = slide_0; } count++; transparencyHandler.postDelayed(transparencyTimer, 1000); timerHandler.postDelayed(timer, 8000); } }; private Runnable transparencyTimer = new Runnable() { public void run() { if (lastSlide == slide_0) { slide_1.setBackgroundColor( android.R.color.transparent); slide_1.setImageResource( 0); } else { slide_0.setBackgroundColor( android.R.color.transparent); slide_0.setImageResource( 0); } } }; 

Diseño:

  <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/frame" android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:id="@+id/slide_1" android:layout_gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerCrop" /> <ImageView android:id="@+id/slide_2" android:layout_gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerCrop" /> </FrameLayout> 

Animación (transición abajo):

 <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <alpha android:fromAlpha="0.0" android:toAlpha="2.0" android:duration="2000" android:repeatCount="0" setFillAfter="true" /> <scale android:fromXScale="1" android:toXScale="1.2" android:fromYScale="1" android:toYScale="1.2" android:duration="10000" android:repeatCount="0" setFillAfter="true" /> <alpha android:fromAlpha="2.0" android:toAlpha="0.0" android:duration="2000" android:repeatCount="0" android:startOffset="8000" setFillAfter="true" /> 

Usted está agregando dos animación por separado. Ése es porqué están interrumpiendo.

Como principiante, recomiendo entrar en el hábito de hacer animaciones (y realmente todos los recursos posibles) utilizando xml. Es mucho más detallado y es más fácil cambiar los recursos más adelante (además de permitirle cambiar automáticamente los recursos en tiempo de ejecución basados ​​en el tamaño de la pantalla, el idioma, etc.). También entrar en un hábito de realmente agotar todos los widgets Android antes de implementar algo personalizado. En cuanto a un recurso de animación, mira el ejemplo de hyperspace_jump.xml en los recursos de animación .

Para transiciones de vista, normalmente recomiendo un ViewFlipper . Sin embargo, puesto que usted quiere transiciones de encargo, usted puede necesitar bajar un nivel y utilizar el ViewnAnimator . Entiendo que quieres recorrer las animaciones, pero primero tienes que trabajar para una animación. Creo que esto todavía podría trabajar con ViewFlipper, que se vería algo como esto:

 <ViewFlipper android:id="@+id/VF" android:layout_width="wrap_content" android:layout_height="wrap_content" android:inAnimation="@anim/yourFirstAnimation android:flipInterval="@integer/flip_interval_time"> <ImageView android:id="@+id/slide_1" android:layout_gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <ImageView android:id="@+id/slide_2" android:layout_gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </ViewFlipper> onCreate(Bundle b) { setContentView(R.layout.main); mVF = (ViewFlipper) findViewById(R.id.VF); mVF.startFlipping(); } 

Entonces, cuando quiera hacer un ciclo a través de animaciones: Establecer su flipInterval a 0 (creo) y hacer como hiciste con el evento OnAnimationEnd:

 public void onAnimationEnd(Animation animation) { Animation an = myAnimationContainer.getRandomAnimation(); mVF.setInAnimation(an); mVF.showNext(); } 

No deberías sincronizar el tiempo de flipInterval, ya que en realidad depende de cuánto tiempo dura la animación.