Как анимировать добавление или удаление строк списка Android

The RecyclerView заботится о добавлении, удалении и повторном заказе анимации!

этой простой проект AndroidStudio С RecyclerView. взгляните на commits:

1. фиксация классического Hello World Android app
2. commit, добавление RecyclerView в проект (содержимое не динамическое)
3. фиксация, добавление функциональности изменить содержимое RecyclerView во время выполнения (но без анимации)
4. и наконец...зафиксируйте добавление анимации в RecyclerView

взгляните на решение Google. Вот только метод удаления.

ListViewRemovalAnimation кода видео демонстрация

Он нуждается в Android 4.1+ (API 16). Но у нас есть 2014 год снаружи.

С ListViews высоко оптимизированы я думаю, что это невозможно принять. Вы пытались создать свой "ListView" с помощью кода (т. е. путем раздувания строк из xml и добавления их в LinearLayout) и анимировать их?

вы рассматривали возможность анимации развертки вправо? Вы можете сделать что-то вроде рисования постепенно увеличивающейся белой полосы в верхней части элемента списка, а затем удалить ее из списка. Остальные клетки все равно встанут на свои места, но это лучше, чем ничего.

звоните элемент управления ListView.scheduleLayoutAnimation(); перед изменением списка

я взломал другой способ сделать это без необходимости манипулировать списком. К сожалению, обычные анимации Android, похоже, манипулируют содержимым строки, но неэффективны при фактическом сокращении представления. Итак, сначала рассмотрим этот обработчик:

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);
}

добавить эту коллекцию в список адаптер:

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

и добавить

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

далее, где бы вы ни хотели скрыть строку, добавьте это:

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

вот именно! Вы можно изменить скорость анимации, изменив количество пикселей, что он сжимает высоту сразу. Не очень сложный, но он работает!

после вставки новой строки в ListView, я просто прокручиваю ListView в новую позицию.

ListView.smoothScrollToPosition(position);

Я не пробовал, но похоже, что animateLayoutChanges должен делать то, что вы ищете. Я вижу его в классе ImageSwitcher, я предполагаю, что он также находится в классе ViewSwitcher?

поскольку Android является открытым исходным кодом, вам на самом деле не нужно переопределять оптимизации ListView. Вы можете захватить код ListView и попытаться найти способ взломать анимацию, вы также можете открыть запрос в android bug tracker (и если вы решили реализовать его, не забудьте внести исправления).

кстати, исходный код элемента управления ListView составляет здесь.

здесь исходный код чтобы удалить строки и изменить их порядок.

демо-файл APK также доступен. Удаление строк выполняется больше по линиям приложения Gmail от Google, которое показывает вид снизу после прокрутки вида сверху. Вид снизу может иметь кнопку отмены или все, что вы хотите.

Как я объяснил свой подход на моем сайте, я поделился ссылкой.В любом случае идея заключается в создании растровых изображений по getdrawingcache .есть два растровое изображение и анимировать нижней растровое изображение, чтобы создать эффект движущегося

пожалуйста, см. следующий код:

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);
        }
    });

для понимания с изображениями посмотреть этот

спасибо.

Я сделал что-то подобное. Один из подходов заключается в интерполяции по времени анимации высоты представления с течением времени внутри строк onMeasure при оформлении requestLayout() для listView. Да, это может быть лучше сделать внутри кода listView напрямую, но это было быстрое решение (это выглядело хорошо!)

просто разделяя другой подход:

Сначала установите представление списка android: animateLayoutChanges до правда:

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

тогда я использую проводник чтобы добавить элементы и обновить listview с задержкой:

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