Animer la suppression d'un élément de liste

Je suis d'essayer d'animer la suppression d'un élément de liste à l'aide de ceci:

    mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> adapterView, final View view, final int i, long l) {
            view.animate().setDuration(500).x(-view.getWidth()).alpha(0f);
            adapter.remove(tasks.get(i));
            adapter.notifyDataSetChanged();
        }
    });

Il ne fonctionne pas. En gros, j'ai suivi les conseils de la 4ème réponse à partir du haut de ce post:

Comment Animer l'Ajout ou la Suppression d'Android ListView Lignes

Cependant, il y a de drôle de dessin trucs en cours, ou le recyclage, ou quelque chose, car alors que l'animation se produit, l'élément ci-dessous celui qui se glisse hors de l'écran aussi est supprimé pour une raison quelconque. La réponse à la question demandeur a finalement marqué comme correcte est malheureusement un RTFM pour l'ensemble de Android source. J'ai regardé par là, et je ne trouve pas les notifications déroulant dans JellyBean qui je suis en train de les imiter.

DRM.
Jean

Prenez @Alexey 's réponse, ce qui explique pourquoi l'élément ci-dessous celui qui se glisse hors de l'écran aussi est supprimé. Vous devez supprimer l'élément une fois l'animation terminée, pas au moment où vous commencez l'animation.
Jetez un oeil à la Google [solution][1]. Voici une méthode de suppression seulement. [1]: stackoverflow.com/questions/3928193/...

InformationsquelleAutor John Wheeler | 2012-09-26

34

J'ai juste trouvé une belle solution: https://github.com/paraches/ListViewCellDeleteAnimation

Voici la vidéo: http://www.youtube.com/watch?v=bOl5MIti7n0

Un grand merci à 'paraches' 😉

Modifier

Que de la version d'Android 22.0.0 la nouvelle android.de soutien.v7.widget de.RecyclerView est disponible en tant que successeur de ListView. Ajouter/supprimer/mettre à jour les animations sont disponibles hors de la boîte. Le widget des animations sont également facile à personnaliser (quelques animations personnalisées).

Je recommande fortement de commutation de ListView à RecyclerView si vous avez besoin d'élément personnalisé animations.
- bel exemple, mais je peux avoir quelque chose de similaire, mais avec l'ajout de la capacité?
- Cette code source de java m'a beaucoup aidé.
- bibliothèque n'a pas d'lisez-moi ou de la documentation ne le recommande pas
InformationsquelleAutor Michal Vician

Idée: je vais commencer l'animation lorsque l'utilisateur sélectionne la ligne. Lorsque l'animation est terminée, j'ai supprimer la ligne de la carte.Le code suivant anime la ligne sélectionnée:

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final ListView listView = (ListView) findViewById(R.id.listView1);
final ArrayList<String> values = new ArrayList<String>();
values.add("Android");
values.add("iPhone");
values.add("WindowsMobile");
values.add("Blackberry");
values.add("Windows7");
final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, android.R.id.text1, values);
listView.setAdapter(adapter);
final Animation animation = AnimationUtils.loadAnimation(this,
R.anim.slide_out);
animation.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
adapter.remove(adapter.getItem(selectedRow));
adapter.notifyDataSetChanged();
}
});
listView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
Toast.makeText(getApplicationContext(),
" " + values.get(position), Toast.LENGTH_LONG).show();
view.startAnimation(animation);
selectedRow = position;
}
});
}

slide_out.xml fichier:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >  
<translate 
android:fromYDelta="0%" 
android:toYDelta="100%"  
android:duration="@android:integer/config_mediumAnimTime"/>  
</set>

simple et propre réponse sans liens. thx.
ce glisse un ListView l'élément vers le bas sur le dessus de l'autre ListView élément, regardé bizarre. mais si vous changez android:fromYDelta="0%" à android:fromXDelta="0%" et android:toYDelta="100%" à android:toXDelta="-100%" la ListView élément glisser l'écran vers la gauche

InformationsquelleAutor Alexey

De Chet Haase points dans DevBytes, https://www.youtube.com/watch?v=8MIfSxgsHIs, tout cela va fonctionner, mais n'oubliez pas d'ajouter transientState drapeaux.

À partir de son code:

//Here's where the problem starts - this animation will animate a View object.
//But that View may get recycled if it is animated out of the container,
//and the animation will continue to fade a view that now contains unrelated
//content.
ObjectAnimator anim = ObjectAnimator.ofFloat(view, View.ALPHA, 0);
anim.setDuration(1000);
if (setTransientStateCB.isChecked()) {
//Here's the correct way to do this: if you tell a view that it has
//transientState, then ListView ill avoid recycling it until the
//transientState flag is reset.
//A different approach is to use ViewPropertyAnimator, which sets the
//transientState flag internally.
view.setHasTransientState(true);
}
anim.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
cheeseList.remove(item);
adapter.notifyDataSetChanged();
view.setAlpha(1);
if (setTransientStateCB.isChecked()) {
view.setHasTransientState(false);
}
}
});
anim.start();

Pourquoi devons-nous utiliser la vue.setAlpha(1); j'ai remarqué que la vue n'est pas supprimé après l'animation, sans cette.
Probablement en raison de l'état transitoire, mais je suis pas sûr. En réalité, nous devrions être à l'aide de RecyclerViews pour ce genre de solution qui a beaucoup plus de soutien pour les animations, tout droit sorti de la boîte.

InformationsquelleAutor AllDayAmazing

J'ai utilisé du Haut vers le bas de la diapositive d'animation sur l'actualisation de la Liste. Voici le code que j'ai utilisé:

 adapter.notifyDataSetChanged();
Animation animation = AnimationUtils.loadAnimation(
getApplication(), R.anim.slide_top_to_bottom);
getListView().startAnimation(animation);
getListView().setSelection(0);

et slide_top_to_bottom.xml (enregistrez-la à l'intérieur de res/anim dossier)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"   android:interpolator="@android:anim/accelerate_interpolator">
<translate android:fromYDelta="-100%" android:toXDelta="0" android:duration="100" />
<alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="50" />
</set>

EDIT:
Essayez ceci:

mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, final View view, final int i, long l) {
ValueAnimator fader = ObjectAnimator.ofFloat(view, "alpha", 1, 0);
AnimatorSet animation = new AnimatorSet();
animation.addListener(new AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
}
@Override
public void onAnimationCancel(Animator animation) {
}
});
((AnimatorSet) animation).play(fader);
animation.setDuration(500);
animation.start();
adapter.remove(tasks.get(i));
adapter.notifyDataSetChanged();
}
});

InformationsquelleAutor Nishant

Vous devez vous connecter pour publier un commentaire.