Création d'un diaporama en Fondu des images les unes dans les autres et se transforme

Je suis en train de créer une image de diaporama qui est similaire à cette

J'ai trouvé ce tutoriel qui me montre comment faire des images fondu dans l'autre, ce qui fonctionne vraiment bien, mais je ne peux pas trouver des exemples, comment faire le mouvement/mise à l'échelle dans le même temps, aussi je vais essayer de l'adapter.

J'ai ajouté une animation d'échelle et placez-le long de avec l'alpha de l'animation dans un animationset mais je ne peux pas le faire fonctionner correctement, c'est seulement faire de l'animation sur chaque autre image, puis lorsque le zoom commence le zoom se fait d'une façon, des commutateurs et puis zoome dans l'autre sens.

Je suis relativement nouveau pour Android n'ai pas fait toutes les animations avant et éprouve de la difficulté à comprendre la façon dont l'exemple est le travail. Donc j'ai de la difficulté à modifier.

Quelqu'un peut-il m'aider à me sortir de ce que je fais de mal? Je commence à tirer mes cheveux!

Mon code java est:

  public class TopListActivity extends Activity {
ImageView slide_0;
ImageView slide_1;
@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);
}
private static class AnimationTimer extends TimerTask implements
AnimationListener {
TopListActivity topList;
Vector<BitmapDrawable> images;
int count = 0;
public AnimationTimer(TopListActivity _topList) {
this.topList = _topList;
this.images = new Vector<BitmapDrawable>();
Resources resources = topList.getResources();
images.add((BitmapDrawable) resources.getDrawable(R.drawable.one));
images.add((BitmapDrawable) resources.getDrawable(R.drawable.two));
images.add((BitmapDrawable) resources.getDrawable(R.drawable.three));
images.add((BitmapDrawable) resources.getDrawable(R.drawable.four));
images.add((BitmapDrawable) resources.getDrawable(R.drawable.five));
images.add((BitmapDrawable) resources.getDrawable(R.drawable.six));
if (this.images.size() > 0) {
this.topList.slide_0.setBackgroundDrawable(this.images.get(0));
if (this.images.size() > 1) {
this.topList.slide_1.setBackgroundDrawable(this.images
.get(1));
}
}
this.count = 1;
}
public void launch() {
if (this.images.size() >= 2) {
(new Timer(false)).schedule(this, 100);
}
}
@Override
public void run() {
this.doit();
this.cancel();
}
private void doit() {
if ((this.count % 2) == 0) {
AnimationSet set = new AnimationSet(false);
AlphaAnimation animation = new AlphaAnimation(1.0f, 0.0f);
animation.setStartOffset(5000);
animation.setDuration(3000);
animation.setFillAfter(true);
ScaleAnimation zoom = new ScaleAnimation(1, 1.20f, 1, 1.20f);
zoom.setStartOffset(0);
zoom.setDuration(8000);
zoom.setFillAfter(true);
set.addAnimation(animation);
set.addAnimation(zoom);
set.setAnimationListener(this);
this.topList.slide_1.startAnimation(set);
} else {
AnimationSet set = new AnimationSet(false);
AlphaAnimation animation = new AlphaAnimation(0.0f, 1.0f);
animation.setStartOffset(5000);
animation.setDuration(3000);
animation.setFillAfter(true);
ScaleAnimation zoom = new ScaleAnimation(1.20f, 1, 1.20f, 1);
zoom.setStartOffset(0);
zoom.setDuration(8000);
zoom.setFillAfter(true);
set.addAnimation(animation);
set.addAnimation(zoom);
set.setAnimationListener(this);
this.topList.slide_1.startAnimation(set);
}
}
public void onAnimationEnd(Animation animation) {
if ((this.count % 2) == 0) {
this.topList.slide_1.setBackgroundDrawable(this.images
.get((this.count + 1) % (this.images.size())));
} else {
this.topList.slide_0.setBackgroundDrawable(this.images
.get((this.count + 1) % (this.images.size())));
}
this.count++;
this.doit();
}
public void onAnimationRepeat(Animation animation) {
}
public void onAnimationStart(Animation animation) {
}
}
@Override
public void onResume() {
super.onResume();
(new AnimationTimer(this)).launch();
}
}

et ma mise en page est:

    <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" />
<ImageView
android:id="@+id/slide_2"
android:layout_gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</FrameLayout>

avez-vous comprendre cela?
Nan.. je travaille encore sur elle!

OriginalL'auteur Bex | 2011-07-07

android animation

Enfin trier c'est... c'est de la très longue haleine comme je l'ai ne pouvait pas se familiariser avec l'animation de fin de l'événement en raison des multiples animations.. donc probablement pas la meilleure façon mais ça fonctionne et je suis heureux!

Pour toute personne qui veut savoir comment.. ou veut l'adapter pour le rendre mieux, ici, c'est:

Activité Principale (MyTransition.java):

import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.LinearLayout;
import java.util.Vector;
public class MyTransition extends AppCompatActivity {
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();
private Runnable transparencyTimer = new Runnable() {
public void run() {
if (lastSlide == slide_0) {
slide_1.setBackgroundColor(getResources().getColor(android.R.color.transparent));
slide_1.setImageResource(0);
} else {
slide_0.setBackgroundColor(getResources().getColor(android.R.color.transparent));
slide_0.setImageResource(0);
}
}
};
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);
}
};
@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.first_image);
imageIds.add(R.drawable.second_image);
//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);
}
}

Mise en page (test2.xml):

<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>

Animation (transition_down.xml):

<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"
android:fillAfter="true" />
<scale
android:fromXScale="1"
android:toXScale="1.2"
android:fromYScale="1"
android:toYScale="1.2"
android:duration="10000"
android:repeatCount="0"
android:fillAfter="true" />
<alpha
android:fromAlpha="2.0"
android:toAlpha="0.0"
android:duration="2000"
android:repeatCount="0"
android:startOffset="8000"
android:fillAfter="true" />
</set>

Merci pour le partage de ce code. J'ai mis en place le java et utilisé de l'intégré dans android.R.anim.fade_in de transition.
où est le code de la transaction_up.xml
Meilleur travail 🙂 son travail parfaitement bro
qu'en suivant et précédent de l'image et aussi de l'indicateur

OriginalL'auteur Bex

0

Vous ajoutez deux animation. C'est pourquoi ils sont intervaling.

En tant que débutant, je recommande d'obtenir dans l'habitude de faire des animations (et vraiment, toutes les ressources possibles) à l'aide de xml. Il est beaucoup plus détaillé et il est plus facile de modifier des ressources plus tard (ainsi que vous permettant de modifier automatiquement les ressources lors de l'exécution basée sur la taille de l'écran, langue, etc). Aussi l'habitude de vraiment épuisant tous les widgets android avant de mettre en œuvre quelque chose de personnalisé.
Dans la mesure où une animation de ressources, regardez la hyperspace_jump.xml exemple à animation des ressources.

Pour afficher les transitions je vous recommande habituellement un ViewFlipper. Cependant, puisque vous voulez des transitions personnalisées, vous devrez peut-être descendre d'un niveau et d'utiliser le ViewnAnimator. Je comprends que vous voulez cycle à travers des animations, mais de la première à obtenir ce travail pour une animation. Je pense que cela pourrait fonctionner avec la ViewFlipper, qui ressemblerait à quelque chose comme ceci:
```
<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();
}
```
Puis, quand vous voulez cycle à travers des animations:
Définissez votre flipInterval à 0 (je pense) et de faire comme vous l'avez fait avec le OnAnimationEnd événement:
```
public void onAnimationEnd(Animation animation) {
Animation an = myAnimationContainer.getRandomAnimation();
mVF.setInAnimation(an);
mVF.showNext();
}
```
Vous ne devriez pas besoin de synchroniser le flipInterval temps, depuis ce temps dépend vraiment de là combien de temps l'animation est.

OriginalL'auteur Ian

Vous devez vous connecter pour publier un commentaire.