Cómo animar la Adición o Eliminación de filas de Android ListView

El RecyclerView se encarga de agregar, eliminar y reordenar animaciones!

Este proyecto AndroidStudio simple cuenta con un RecyclerView. echa un vistazo a las confirmaciones :

1. commit de la clásica aplicación Hello World para Android
2. commit, añadiendo un RecyclerView al proyecto (contenido no dinámico)
3. commit, añadiendo funcionalidad para modificar el contenido de RecyclerView en tiempo de ejecución (pero no animaciones)
4. y finalmente...commit añadiendo animaciones a RecyclerView

Echa un vistazo a la solución de Google. Aquí hay un método de eliminación solamente.

ListViewRemovalAnimation código del proyecto y Video demostración

Necesita Android 4.1+ (API 16). Pero tenemos 2014 afuera.

Dado que ListViews están altamente optimizados creo que esto no es posible de accieve. ¿Ha intentado crear su "ListView" por código (es decir, inflando sus filas desde xml y agregándolas a LinearLayout) y animarlas?

¿Has considerado animar un barrido a la derecha? Podría hacer algo como dibujar una barra blanca progresivamente más grande en la parte superior del elemento de la lista, y luego eliminarla de la lista. Las otras células todavía se moverían en su lugar, pero sería mejor que nada.

Llamar ListView.Programación de la animación(); antes de cambiar la lista

He hackeado otra forma de hacerlo sin tener que manipular la vista de lista. Desafortunadamente, las animaciones regulares de Android parecen manipular el contenido de la fila, pero son ineficaces para reducir la vista. Por lo tanto, primero considere este controlador:

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

Añadir esta colección a su lista adaptador:

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

Y añadir

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

A continuación, donde sea que desee ocultar una fila, agregue esto:

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

¡Eso es todo! Puede cambiar la velocidad de la animación por alterar el número de píxeles que reduce la altura a la vez. No es realmente sofisticado, pero funciona!

Después de insertar una nueva fila en ListView, simplemente desplazo la ListView a una nueva posición.

ListView.smoothScrollToPosition(position);

No lo he probado, pero parece que animateLayoutChanges debería hacer lo que estás buscando. Lo veo en la clase ImageSwitcher, supongo que también está en la clase ViewSwitcher.

Dado que Android es de código abierto, en realidad no es necesario volver a implementar las optimizaciones de ListView. Puede tomar el código de ListView y tratar de encontrar una manera de hackear la animación, también puede abrir una solicitud de característica en Android bug tracker (y si decidió implementarlo, no se olvide de contribuir con un parche).

Para su información, el código fuente de ListView es aquí.

Aquí está el código fuente para permitirle eliminar filas y reordenarlas.

Un archivo APK DEMO también está disponible. Eliminar filas se hace más a lo largo de las líneas de la aplicación de Gmail de Google que revela una vista inferior después de deslizar una vista superior. La vista inferior puede tener un botón Deshacer o lo que quieras.

Como había explicado mi enfoque en mi sitio, compartí el enlace.De todos modos la idea es crear mapas de bits por getdrawingcache .tener dos mapas de bits y animar el mapa de bits inferior para crear el efecto de movimiento

Por favor, consulte el siguiente código:

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

Para entender con imágenes ver esto

Gracias.

He hecho algo similar a esto. Un enfoque es interpolar durante el tiempo de animación la altura de la vista a lo largo del tiempo dentro de las filas onMeasure mientras se emite requestLayout() para la vista de lista. Sí, puede ser mejor hacerlo dentro del código ListView directamente, pero fue una solución rápida (¡eso se veía bien!)

Simplemente compartiendo otro enfoque:

Primero establece el android: animateLayoutChanges a true :

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

Luego utilizo un controlador para agregar elementos y actualizar la vista de lista con retraso:

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