如何对Android ListView行的添加或删除进行动画处理

在iOS中，有一个非常简单而强大的工具可以对UITableView行的添加和删除进行动画处理，这是一个来自youtube视频的剪辑，显示了默认动画。注意周围的行如何折叠到已删除的行上。此动画可帮助用户跟踪列表中的更改以及数据更改时用户在列表中的位置。

自从我在Android上进行开发以来，我发现没有等效的工具可以为TableView中的各个行设置动画。调用notifyDataSetChanged()我的适配器会使ListView立即用新信息更新其内容。我想显示一个新的简单动画，当数据更改时，新行会推入或滑出，但是我找不到任何记录的方式来做到这一点。看起来LayoutAnimationController可能拥有使它起作用的关键，但是当我在ListView上设置LayoutAnimationController（类似于ApiDemo的LayoutAnimation2）并在列表显示后从适配器中删除元素时，这些元素会立即消失而不是动画化。

我还尝试了以下操作来为单个项目添加动画：

@Override
protected void onListItemClick(ListView l, View v, final int position, long id) {
    Animation animation = new ScaleAnimation(1, 1, 1, 0);
    animation.setDuration(100);
    getListView().getChildAt(position).startAnimation(animation);
    l.postDelayed(new Runnable() {
        public void run() {
            mStringList.remove(position);
            mAdapter.notifyDataSetChanged();
        }
    }, 100);
}

但是，动画行周围的行不会移动位置，直到它们在notifyDataSetChanged()调用时跳到新位置为止。放置元素后，ListView似乎不会更新其布局。

在编写我自己的ListView的实现/分支时，我已经想到了，这似乎并不难。

谢谢！

Animation anim = AnimationUtils.loadAnimation(
                     GoTransitApp.this, android.R.anim.slide_out_right
                 );
anim.setDuration(500);
listView.getChildAt(index).startAnimation(anim );

new Handler().postDelayed(new Runnable() {

    public void run() {

        FavouritesManager.getInstance().remove(
            FavouritesManager.getInstance().getTripManagerAtIndex(index)
        );
        populateList();
        adapter.notifyDataSetChanged();

    }

}, anim.getDuration());

从上到下的动画使用：

<set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate android:fromYDelta="20%p" android:toYDelta="-20"
            android:duration="@android:integer/config_mediumAnimTime"/>
        <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
            android:duration="@android:integer/config_mediumAnimTime" />
</set>

在RecyclerView需要添加，删除，并重新排序动画的呵护！

这个简单的AndroidStudio项目具有一个RecyclerView。看一下commits：

1. 经典的Hello World Android应用的提交
2. 提交，将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跟踪器中打开功能请求（如果您决定实施它，请不要忘记提供补丁）。

仅供参考，ListView源代码在这里。

这是使您删除行并对其重新排序的源代码。

演示APK文件也可用。删除行的操作与Google Gmail应用程序大致相同，可在滑动顶视图后显示底视图。底视图可以具有“撤消”按钮或您想要的任何按钮。

正如我在网站上解释我的方法一样，我共享了链接。无论如何，该想法是通过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设置为true：

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