Comment rendre le texte fade in et fade out sur Android?

J'ai un paragraphe de texte et quand on clique sur un bouton, je veux que le texte de la fermeture, de changer pour un autre texte, puis fondu dans. J'ai un code mais il ne fait pas le fade out de l'animation juste le fondu.

    final TextView mSwitcher = (TextView) findViewById(R.id.bookContent);
    mSwitcher.setText("old text");

    final Animation in = new AlphaAnimation(0.0f, 1.0f);
    in.setDuration(3000);

    final Animation out = new AlphaAnimation(1.0f, 0.0f);
    out.setDuration(3000);

    Button moveOn = (Button) findViewById(R.id.moveOn);
    moveOn.setOnClickListener( new OnClickListener() {
        public void onClick(View v) {

            mSwitcher.startAnimation(out);
            mSwitcher.setText("new text");
            mSwitcher.startAnimation(in);

        }
    });

InformationsquelleAutor Andy Lobel | 2011-12-24

android animation

80

Vous semblez mettre de l'animation dans le droit après que vous vous étiez fixé à l'extérieur. Cela ne fait que le "en" travail d'animation.

Pour faire la deuxième animation démarre juste après la première, vous pouvez ajouter un écouteur à votre première animation:
```
out.setAnimationListener(new AnimationListener() {

    @Override
    public void onAnimationEnd(Animation animation) {
        mSwitcher.setText("New Text");
        mSwitcher.startAnimation(in);

    }
});
```
Puis, dans votre onClick() méthode:
```
public void onClick(View v) {

    mSwitcher.startAnimation(out);

}
```
Cela devrait faire l'affaire.

Une autre approche consiste à utiliser AnimationSet.
```
final Animation in = new AlphaAnimation(0.0f, 1.0f);
in.setDuration(3000);

final Animation out = new AlphaAnimation(1.0f, 0.0f);
out.setDuration(3000);

AnimationSet as = new AnimationSet(true);
as.addAnimation(out);
in.setStartOffset(3000);
as.addAnimation(in);
```
Alors, au lieu de commencer out, commencer as.

J'espère que cela aide!
- Excellente réponse! 🙂
- Merci pour votre partage de connaissance..est-il possible d'effectuer l'animation de séquence de plusieurs vue ..j'ai essayé avec pour démarrer l'animation pour le second point de vue dans animationEnd de première vue...mais quand je le fais ...une première vue d'obtenir d'animation de nouveau...toute suggestion...?
- Incroyable! La deuxième approche a fait l'affaire pour moi! Merci 🙂
- mise en place du texte avant ou après le fondu dans l'animation dans le AnimationListener mise en œuvre empêche le fondu dans l'animation de produit -- le nouveau texte s'affiche instantanément.
- Entendez-vous la première approche ne fonctionne plus? Dans ce cas, je vais modifier ma réponse.
InformationsquelleAutor eboix
3

Si vous souhaitez utiliser Animation, vous pouvez utiliser un AnimatorListener pour écouter lors de la première animation est réalisée, puis début de la deuxième animation. Que serait onAnimationEnd().

Plus d'informations sont disponibles ici: http://developer.android.com/reference/android/animation/Animator.AnimatorListener.html

Il pourrait y avoir une meilleure façon de le faire avec AnimationSet, mais cela fonctionne pour vous.

InformationsquelleAutor Michell Bak
2

Vous devriez envisager d'utiliser quelque chose comme un TextSwitcher. Il y a une brève document sur TextSwitcher dans l'Android de la documentation. Ce que je voudrais recommander la meilleure, cependant, est de regarder l'API Démos, il y a une grande et simple à utiliser l'un de TextSwitchers. Téléchargement de l'API de Démos et de les vérifier par vous-même, ou de voir ici.

InformationsquelleAutor Brian

à ajouter à eboix de réponse... c'est comment j'ai fondu dans le texte et le fade out de texte, avec un délai entre chaque fade et avant de s'effacer, (j'.e droit après un fondu).

Mon XML ressemble à ceci.

    <TextView
     android:id="@+id/textView1"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_gravity="center_horizontal"
     android:gravity="center"
     android:text="Retrieving Result"
     android:textColor="@color/general_app_colour"
     android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
     android:id="@+id/blobText"
     android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:gravity="center"
        android:text="Please Wait" />

</LinearLayout>

Vous utilisez cette variable dans votre activité/fragment/dialogfragment, les éléments suivants sont les variables que j'ai utilisé dans la mine...

public class Loading_Dialog extends DialogFragment {
    public String[] text = new String[]{""};
    TextView blobText;
    Animation inAnimation;
    Animation displayLength;
    Animation delayAnimation;
    Animation outAnimation;
    //duration for fade effects
    int fadeEffectDuration = 700;
    //duration for delay between fadeout and fadein
    int delayDuration = 1000;
    int displayFor = 2000;
    public String[] text = new String[]{""};

Maintenant les objets et les variables sont innitialized sont utilisés comme cela, j'ai utilisé pour mon dialogue fragment, dans le oncreateDialog méthode..

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
final Dialog dialog = new Dialog(getActivity(),R.style.LoadingDialogAnimation);
dialog.getWindow().setContentView(R.layout.dialog_loading);
blobText = (TextView) dialog.findViewById(R.id.blobText);
inAnimation = new AlphaAnimation(0f, 1f);
inAnimation.setDuration(fadeEffectDuration);        
displayLength = new AlphaAnimation(1f, 1f);
displayLength.setDuration(displayFor);
delayAnimation = new AlphaAnimation(0f, 0f);
delayAnimation.setDuration(delayDuration);
outAnimation = new AlphaAnimation(1f, 0f);
outAnimation.setDuration(fadeEffectDuration);
inAnimation.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
position++;
if(position>=text.length)
{
position = 0;
}
blobText.setText(text[position]);
}           
@Override
public void onAnimationRepeat(Animation animation) {}           
@Override
public void onAnimationEnd(Animation animation) {
blobText.startAnimation(displayLength);
}
});
displayLength.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
//TODO Auto-generated method stub
}
@Override
public void onAnimationRepeat(Animation animation) {
//TODO Auto-generated method stub
}
@Override
public void onAnimationEnd(Animation animation) {
//TODO Auto-generated method stub
blobText.startAnimation(outAnimation);  
}
});
outAnimation.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
//TODO Auto-generated method stub
}
@Override
public void onAnimationRepeat(Animation animation) {
//TODO Auto-generated method stub
}
@Override
public void onAnimationEnd(Animation animation) {
//TODO Auto-generated method stub
blobText.startAnimation(delayAnimation);    
}
});
delayAnimation.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
//TODO Auto-generated method stub
}
@Override
public void onAnimationRepeat(Animation animation) {
//TODO Auto-generated method stub
}
@Override
public void onAnimationEnd(Animation animation) {
//TODO Auto-generated method stub
blobText.startAnimation(inAnimation);
}
});
blobText.startAnimation(outAnimation);

InformationsquelleAutor kunmi

Lorsque j'ai une quantité de textes à FadeIn /FadeOut , je visez plutôt utiliser une fonction pour ce faire:

protected void onCreate(Bundle savedInstanceState) {
{
...
//Declare the array of texts:
String aSentences[]={"Sentence 1", "Sentence 2", "<b><i>Sentence 3</i></b>"};
TextView tView = (TextView)findViewById(R.id.Name_TextView_Object);
//call the function:
animateText(tView,aSentences,0,false);
}
private void animateText(final TextView textView, final String texts[], final int textIndex, final boolean forever) {
//textView <-- The View which displays the texts
//texts[] <-- Holds R references to the texts to display
//textIndex <-- index of the first text to show in texts[]
//forever <-- If equals true then after the last text it starts all over again with the first text resulting in an infinite loop. You have been warned.
int fadeInDuration = 1000; //Configure time values here
int timeBetween = 5000;
int fadeOutDuration = 2000;
textView.setVisibility(View.INVISIBLE);    //Visible or invisible by default - this will apply when the animation ends
textView.setText(Html.fromHtml(texts[textIndex]));
Animation fadeIn = new AlphaAnimation(0, 1);
fadeIn.setInterpolator(new DecelerateInterpolator()); //add this
fadeIn.setDuration(fadeInDuration);
Animation fadeOut = new AlphaAnimation(1, 0);
fadeOut.setInterpolator(new AccelerateInterpolator()); //and this
fadeOut.setStartOffset(fadeInDuration + timeBetween);
fadeOut.setDuration(fadeOutDuration);
AnimationSet animation = new AnimationSet(false); //change to false
animation.addAnimation(fadeIn);
if((texts.length-1) != textIndex) animation.addAnimation(fadeOut);
animation.setRepeatCount(1);
textView.setAnimation(animation);
animation.setAnimationListener(new Animation.AnimationListener() {
public void onAnimationEnd(Animation animation) {
if (texts.length -1 > textIndex) {
animateText(textView, texts, textIndex + 1,forever); //Calls itself until it gets to the end of the array
}
else {
textView.setVisibility(View.VISIBLE);
if (forever == true){
animateText(textView, texts, 0,forever);  //Calls itself to start the animation all over again in a loop if forever = true
}
else
{//do something when the end is reached}
}
}
public void onAnimationRepeat(Animation animation) {
//TODO Auto-generated method stub
}
public void onAnimationStart(Animation animation) {
//TODO Auto-generated method stub
}
});
}

InformationsquelleAutor Edimar Martins

Il y a une meilleure façon de faire le même effet.

Vous devez configurer l'animation de répéter à l'inverse de la mode.

Voici un exemple:

    final Animation out = new AlphaAnimation(1.0f, 0.0f);
out.setRepeatCount(Animation.INFINITE);
out.setRepeatMode(Animation.REVERSE);
out.setDuration(3000);
mSwitcher.startAnimation(out);

InformationsquelleAutor Alex Sáenz Rojas

Vous devez vous connecter pour publier un commentaire.