AnimateLayoutChanges not working with RecyclerView

Question

I have a screen with Recyclerview and other elements inside LinearLayout. The problem is that when I delete the RecyclerView element, animateLayoutChanges does not work in this case. Does anayone know why this is happening?

XML

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.alvaro.resizetest.MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:animateLayoutChanges="true" android:orientation="vertical"> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerview" android:layout_width="match_parent" android:layout_height="wrap_content"/> <LinearLayout android:id="@+id/test1" android:layout_width="match_parent" android:layout_height="50dp" android:background="@color/colorAccent" android:gravity="center_vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="LinearLayout" android:textColor="#FFFFFF" android:textSize="22sp"/> </LinearLayout> <LinearLayout android:id="@+id/test2" android:layout_width="match_parent" android:layout_height="50dp" android:background="@color/colorPrimaryDark" android:gravity="center_vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="LinearLayout" android:textColor="#FFFFFF" android:textSize="22sp"/> </LinearLayout> <LinearLayout android:id="@+id/test3" android:layout_width="match_parent" android:layout_height="50dp" android:background="@color/colorAccent" android:gravity="center_vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="LinearLayout" android:textColor="#FFFFFF" android:textSize="22sp"/> </LinearLayout> <LinearLayout android:id="@+id/test4" android:layout_width="match_parent" android:layout_height="50dp" android:background="@color/colorPrimaryDark" android:gravity="center_vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="LinearLayout" android:textColor="#FFFFFF" android:textSize="22sp"/> </LinearLayout> </LinearLayout> 

Java

 public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview); Adapter adapter = new Adapter(); recyclerView.setLayoutManager(new LinearLayoutManager(this)); recyclerView.setAdapter(adapter); recyclerView.setNestedScrollingEnabled(true); View.OnClickListener listener = new View.OnClickListener() { @Override public void onClick(View view) { view.setVisibility(View.GONE); } }; findViewById(R.id.test1).setOnClickListener(listener); findViewById(R.id.test2).setOnClickListener(listener); findViewById(R.id.test3).setOnClickListener(listener); findViewById(R.id.test4).setOnClickListener(listener); } class Adapter extends RecyclerView.Adapter<Adapter.Holder>{ int size = 3; public Adapter() { } @Override public Holder onCreateViewHolder(ViewGroup parent, int viewType) { View view = getLayoutInflater().inflate(R.layout.item, parent, false); return new Holder(view); } @Override public void onBindViewHolder(Holder holder, int position) { } @Override public int getItemCount() { return size; } class Holder extends RecyclerView.ViewHolder { public Holder(final View itemView) { super(itemView); itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { size --; notifyItemRemoved(getAdapterPosition()); } }); } } } 

Answer 1

After a while I got a solution. I created a function to animate recyclerView heights.

Java

 public class MainActivity extends AppCompatActivity { private final String TAG = MainActivity.class.getSimpleName(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview); Adapter adapter = new Adapter(recyclerView); LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this) { @Override public boolean canScrollVertically() { return false; } }; recyclerView.setLayoutManager(linearLayoutManager); recyclerView.setAdapter(adapter); recyclerView.setNestedScrollingEnabled(true); View.OnClickListener listener = new View.OnClickListener() { @Override public void onClick(View view) { view.setVisibility(View.GONE); } }; findViewById(R.id.test1).setOnClickListener(listener); findViewById(R.id.test2).setOnClickListener(listener); findViewById(R.id.test3).setOnClickListener(listener); findViewById(R.id.test4).setOnClickListener(listener); } public void animateHeight(final View v, final int height) { final int initialHeight = v.getMeasuredHeight(); int duration = 500; Interpolator interpolator = new AccelerateInterpolator(2); // I have to set the same height before the animation because there is a glitch // in the beginning of the animation v.getLayoutParams().height = initialHeight; v.requestLayout(); Animation a = new Animation() { @Override protected void applyTransformation(float interpolatedTime, Transformation t) { Log.d(TAG, "InterpolatedTime: " + interpolatedTime); Log.d(TAG, "Collapsing height: " + (initialHeight - (int) (height * interpolatedTime))); v.getLayoutParams().height = initialHeight - (int) (height * interpolatedTime); v.requestLayout(); } @Override public boolean willChangeBounds() { return true; } }; a.setDuration(duration); a.setInterpolator(interpolator); v.startAnimation(a); } class Adapter extends RecyclerView.Adapter<Adapter.Holder> { RecyclerView mRecyclerView; int size = 3; public Adapter(RecyclerView recyclerView) { mRecyclerView = recyclerView; } @Override public Holder onCreateViewHolder(ViewGroup parent, int viewType) { View view = getLayoutInflater().inflate(R.layout.item, parent, false); return new Holder(view); } @Override public void onBindViewHolder(Holder holder, int position) { } @Override public int getItemCount() { return size; } class Holder extends RecyclerView.ViewHolder { public Holder(final View itemView) { super(itemView); itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { size--; notifyItemRemoved(getAdapterPosition()); animateHeight((View) itemView.getParent(), itemView.getMeasuredHeight()); } }); } } } 

}

Answer 2

Which worked for me by simply adding the following code to onCreate:

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) { ((ViewGroup) findViewById(R.id.llRoot)).getLayoutTransition() .enableTransitionType(LayoutTransition.CHANGING); } 

where llRoot is your LinearLayout containing the RecyclerView.

You need to save android:animateLayoutChanges="true" on your LinearLayout, otherwise it will work.

I believe that if you want to support this below JellyBean, you will need your own solution.

An explanation for the solution can be found here: https://proandroiddev.com/the-little-secret-of-android-animatelayoutchanges-e4caab2fddec