Jak animować dodawanie lub usuwanie wierszy systemu Android ListView

The RecyclerView dba o dodawanie, usuwanie i ponowne zamawianie animacji!

Ten prosty projekt AndroidStudio zawiera RecyclerView. spójrz na commity :

1. commit klasycznej aplikacji Hello World Android
2. w 2009 roku, w ramach projektu RecyclerView, powstał projekt RecyclerView.]}
3. commit, dodając funkcjonalność modyfikującą zawartość RecyclerView w czasie wykonywania (ale nie animacje)
4. i wreszcie...Zatwierdź dodawanie animacji do RecyclerView

Spójrz na rozwiązanie Google. Tutaj jest tylko metoda usuwania.

ListViewRemovalAnimation Kod projektu i Wideo demonstracja

Potrzebuje Androida 4.1+ (API 16). Ale mamy 2014 Na Zewnątrz.

Ponieważ {[0] } są wysoce zoptymalizowane, myślę, że nie jest to możliwe do osiągnięcia. Czy próbowałeś utworzyć swój "ListView" za pomocą kodu (tj. pompując wiersze z xml i dołączając je do LinearLayout) i animować je?

Czy rozważałeś animację zamiatania w prawo? Możesz zrobić coś takiego, jak narysowanie stopniowo większego białego paska u góry elementu listy, a następnie usunięcie go z listy. Inne komórki nadal by się na to rzuciły, ale to lepsze niż nic.

Call listView.scheduleLayoutAnimation(); przed zmianą listy

Zhakowałem inny sposób, aby to zrobić bez konieczności manipulowania widokiem listy. Niestety, zwykłe animacje Androida wydają się manipulować zawartością wiersza, ale są nieskuteczne w faktycznym zmniejszaniu widoku. Więc najpierw rozważ ten handler:

private Handler handler = new Handler() {
@Override
public void handleMessage(Message message) {
    Bundle bundle = message.getData();

    View view = listView.getChildAt(bundle.getInt("viewPosition") - 
        listView.getFirstVisiblePosition());

    int heightToSet;
    if(!bundle.containsKey("viewHeight")) {
        Rect rect = new Rect();
        view.getDrawingRect(rect);
        heightToSet = rect.height() - 1;
    } else {
        heightToSet = bundle.getInt("viewHeight");
    }

    setViewHeight(view, heightToSet);

    if(heightToSet == 1)
        return;

    Message nextMessage = obtainMessage();
    bundle.putInt("viewHeight", (heightToSet - 5 > 0) ? heightToSet - 5 : 1);
    nextMessage.setData(bundle);
    sendMessage(nextMessage);
}

Dodaj tę kolekcję do swojej listy:

private Collection<Integer> disabledViews = new ArrayList<Integer>();

I dodać

public boolean isEnabled(int position) {
   return !disabledViews.contains(position);
}

Następnie, gdziekolwiek chcesz ukryć wiersz, dodaj to:

Message message = handler.obtainMessage();
Bundle bundle = new Bundle();
bundle.putInt("viewPosition", listView.getPositionForView(view));
message.setData(bundle);
handler.sendMessage(message);    
disabledViews.add(listView.getPositionForView(view));

Po wstawieniu nowego wiersza do ListView, po prostu przewijam ListView do nowej pozycji.

ListView.smoothScrollToPosition(position);

Nie próbowałem, ale wygląda na to, że animateLayoutChanges powinien robić to, czego szukasz. Widzę to w klasie ImageSwitcher, zakładam, że jest też w klasie ViewSwitcher?

Ponieważ Android jest open source, nie musisz reimplementować optymalizacji ListView. Możesz pobrać kod ListView i spróbować znaleźć sposób na włamanie w animacji, Możesz również otworzyć żądanie funkcji w Android bug tracker (i jeśli zdecydowałeś się go wdrożyć, nie zapomnij przyczynić się do poprawki ).

Dla twojej wiadomości, kod źródłowy ListView to tutaj .

Oto kod źródłowy , który pozwoli Ci usunąć wiersze i zmienić ich kolejność.

Plik demo APK jest również dostępny. Usuwanie wierszy odbywa się bardziej zgodnie z linią aplikacji Gmail Google, która ujawnia widok dolny po przesunięciu widoku z góry. Widok dolny może mieć Przycisk Cofnij lub cokolwiek chcesz.

Jak wyjaśniłem moje podejście na mojej stronie, udostępniłem link.W każdym razie pomysł jest tworzenie bitmapy przez getdrawingcache .użyj dwóch bitmap i Animuj niższą bitmapę, aby utworzyć efekt ruchu

Zobacz następujący kod:

listView.setOnItemClickListener(new AdapterView.OnItemClickListener()
    {
        public void onItemClick(AdapterView<?> parent, View rowView, int positon, long id)
        {
            listView.setDrawingCacheEnabled(true);
            //listView.buildDrawingCache(true);
            bitmap = listView.getDrawingCache();
            myBitmap1 = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), rowView.getBottom());
            myBitmap2 = Bitmap.createBitmap(bitmap, 0, rowView.getBottom(), bitmap.getWidth(), bitmap.getHeight() - myBitmap1.getHeight());
            listView.setDrawingCacheEnabled(false);
            imgView1.setBackgroundDrawable(new BitmapDrawable(getResources(), myBitmap1));
            imgView2.setBackgroundDrawable(new BitmapDrawable(getResources(), myBitmap2));
            imgView1.setVisibility(View.VISIBLE);
            imgView2.setVisibility(View.VISIBLE);
            RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
            lp.setMargins(0, rowView.getBottom(), 0, 0);
            imgView2.setLayoutParams(lp);
            TranslateAnimation transanim = new TranslateAnimation(0, 0, 0, -rowView.getHeight());
            transanim.setDuration(400);
            transanim.setAnimationListener(new Animation.AnimationListener()
            {
                public void onAnimationStart(Animation animation)
                {
                }

                public void onAnimationRepeat(Animation animation)
                {
                }

                public void onAnimationEnd(Animation animation)
                {
                    imgView1.setVisibility(View.GONE);
                    imgView2.setVisibility(View.GONE);
                }
            });
            array.remove(positon);
            adapter.notifyDataSetChanged();
            imgView2.startAnimation(transanim);
        }
    });

Aby zrozumieć obrazy Zobacz to

Zrobiłem coś podobnego. Jedną z metod jest interpolacja w czasie animacji wysokości widoku w czasie wewnątrz wierszy onMeasure podczas wydawania requestLayout() dla listView. Tak może być lepiej zrobić bezpośrednio w kodzie listView, ale było to szybkie rozwiązanie (które wyglądało dobrze!)

Po prostu dzielę się innym podejściem:

Najpierw ustaw widok listy android: animateLayoutChanges na true :

<ListView
        android:id="@+id/items_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:animateLayoutChanges="true"/>

Następnie używam handler aby dodawać elementy i aktualizować listview z opóźnieniem:

Handler mHandler = new Handler();
    //delay in milliseconds
    private int mInitialDelay = 1000;
    private final int DELAY_OFFSET = 1000;


public void addItem(final Integer item) {
    mHandler.postDelayed(new Runnable() {
        @Override
        public void run() {
            new Thread(new Runnable() {
                @Override
                public void run() {
                    mDataSet.add(item);
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            mAdapter.notifyDataSetChanged();
                        }
                    });
                }
            }).start();

        }
    }, mInitialDelay);
    mInitialDelay += DELAY_OFFSET;
}