Show what layout animations look like

Author: Jawnnypoo

app/src/main/java/com/commit451/adapterlayout/sample/MainActivity.java

@@ -1,12 +1,15 @@
 package com.commit451.adapterlayout.sample;
 
+import android.animation.LayoutTransition;
 import android.content.Intent;
 import android.os.Bundle;
 import android.support.design.widget.Snackbar;
 import android.support.v7.app.AppCompatActivity;
 import android.support.v7.widget.Toolbar;
 import android.view.MenuItem;
 import android.view.ViewGroup;
+import android.widget.CheckBox;
+import android.widget.CompoundButton;
 
 import com.commit451.adapterlayout.AdapterLinearLayout;
 
@@ -23,6 +26,8 @@ public class MainActivity extends AppCompatActivity {
     @Bind(R.id.adapter_layout)
     AdapterLinearLayout mAdapterLinearLayout;
     CheeseAdapter mAdapter;
+    @Bind(R.id.animate_layout_changes)
+    CheckBox mCheckboxAnimateLayoutChanges;
 
     @OnClick(R.id.add_cheese)
     void onAddCheeseClicked() {
@@ -84,5 +89,17 @@ public boolean onMenuItemClick(MenuItem item) {
         });
         mAdapter = new CheeseAdapter(mListener);
         mAdapterLinearLayout.setAdapter(mAdapter);
+
+        mCheckboxAnimateLayoutChanges.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
+            @Override
+            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
+                if (isChecked) {
+                    LayoutTransition lt = new LayoutTransition();
+                    mAdapterLinearLayout.setLayoutTransition(lt);
+                } else {
+                    mAdapterLinearLayout.setLayoutTransition(null);
+                }
+            }
+        });
     }
 }

app/src/main/res/layout/activity_main.xml

@@ -3,17 +3,23 @@
     android:id="@+id/root"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:orientation="vertical">
+    android:orientation="vertical"
+    android:clipChildren="false">
 
     <android.support.v7.widget.Toolbar
         android:id="@+id/toolbar"
         android:layout_width="match_parent"
         android:layout_height="?attr/actionBarSize"
         android:background="?attr/colorPrimary" />
 
+    <!--
+        Only need to set clip children to false if you want
+        to animate layout changes
+    -->
     <ScrollView
         android:layout_width="match_parent"
-        android:layout_height="wrap_content">
+        android:layout_height="wrap_content"
+        android:clipChildren="false">
 
         <LinearLayout
             android:layout_width="match_parent"
@@ -24,6 +30,7 @@
                 android:id="@+id/adapter_layout"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
+                android:animateLayoutChanges="true"
                 android:orientation="vertical" />
 
             <com.wefika.flowlayout.FlowLayout
@@ -66,6 +73,12 @@
                     android:layout_height="wrap_content"
                     android:text="New Adapter" />
 
+                <CheckBox
+                    android:id="@+id/animate_layout_changes"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Animate Layout Changes"/>
+
             </com.wefika.flowlayout.FlowLayout>
         </LinearLayout>
     </ScrollView>