HomeFragment: Animate list item when showing

Signed-off-by: Fung <fython@163.com>

Author: fython

mobile/src/main/java/info/papdt/express/helper/ui/fragment/home/BaseFragment.java

@@ -22,12 +22,13 @@
 import info.papdt.express.helper.ui.adapter.HomePackageListAdapter;
 import info.papdt.express.helper.ui.callback.OnDataRemovedCallback;
 import info.papdt.express.helper.ui.common.AbsFragment;
+import info.papdt.express.helper.view.AnimatedRecyclerView;
 import info.papdt.express.helper.widget.SwipeRefreshLayout;
 
 public abstract class BaseFragment extends AbsFragment implements SwipeRefreshLayout.OnRefreshListener {
 
 	private SwipeRefreshLayout mRefreshLayout;
-	private RecyclerView mRecyclerView;
+	private AnimatedRecyclerView mRecyclerView;
 	private LinearLayout mEmptyView;
 
 	private RecyclerView.Adapter mAdapter;
@@ -36,6 +37,7 @@ public abstract class BaseFragment extends AbsFragment implements SwipeRefreshLa
 	private PackageDatabase mDatabase;
 	private static Context sInstance = null;
 	private final static int FLAG_REFRESH_LIST = 0, FLAG_UPDATE_ADAPTER_ONLY = 1;
+	private boolean hasPlayedAnimation = false;
 
 	int eggCount = 0, bigEggCount = 0;
 
@@ -124,6 +126,13 @@ protected PackageDatabase getDatabase() {
 		return mDatabase;
 	}
 
+	protected void playListAnimation() {
+		if (!hasPlayedAnimation) {
+			hasPlayedAnimation = true;
+			mRecyclerView.scheduleLayoutAnimation();
+		}
+	}
+
 	protected void setAdapter(RecyclerView.Adapter adapter) {
 		this.mAdapter = adapter;
 		mRecyclerView.setAdapter(mSwipeManager.createWrappedAdapter(mAdapter));
@@ -176,6 +185,7 @@ public void handleMessage(Message msg) {
 				case FLAG_UPDATE_ADAPTER_ONLY:
 					if (mAdapter != null) {
 						mAdapter.notifyDataSetChanged();
+						playListAnimation();
 						mEmptyView.setVisibility(mAdapter != null && mAdapter.getItemCount() > 0 ? View.GONE : View.VISIBLE);
 					}
 					break;
@@ -193,6 +203,7 @@ protected Void doInBackground(Void... voids) {
 
 		@Override
 		protected void onPostExecute(Void msg) {
+			hasPlayedAnimation = false;
 			mRefreshLayout.setRefreshing(false);
 			mHandler.sendEmptyMessage(FLAG_UPDATE_ADAPTER_ONLY);
 		}

mobile/src/main/java/info/papdt/express/helper/view/AnimatedRecyclerView.java

@@ -0,0 +1,50 @@
+package info.papdt.express.helper.view;
+
+import android.content.Context;
+import android.support.annotation.Nullable;
+import android.support.v7.widget.LinearLayoutManager;
+import android.support.v7.widget.RecyclerView;
+import android.util.AttributeSet;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.animation.LayoutAnimationController;
+
+public class AnimatedRecyclerView extends RecyclerView {
+
+	public AnimatedRecyclerView(Context context) {
+		super(context);
+	}
+
+	public AnimatedRecyclerView(Context context, @Nullable AttributeSet attrs) {
+		super(context, attrs);
+	}
+
+	public AnimatedRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) {
+		super(context, attrs, defStyle);
+	}
+
+	@Override
+	public void setLayoutManager(LayoutManager layoutManager) {
+		if (layoutManager instanceof LinearLayoutManager) {
+			super.setLayoutManager(layoutManager);
+		} else {
+			throw new ClassCastException("You should only use a LinearLayoutManager with this RecyclerView.");
+		}
+	}
+
+	@Override
+	protected void attachLayoutAnimationParameters(View child, ViewGroup.LayoutParams params, int index, int count) {
+		if (getAdapter() != null && getLayoutManager() instanceof LinearLayoutManager) {
+			LayoutAnimationController.AnimationParameters animationParameters = params.layoutAnimationParameters;
+			if (animationParameters == null) {
+				animationParameters = new LayoutAnimationController.AnimationParameters();
+				params.layoutAnimationParameters = animationParameters;
+			}
+			animationParameters.index = index;
+			animationParameters.count = count;
+		} else {
+			super.attachLayoutAnimationParameters(child, params, index, count);
+		}
+	}
+
+}

mobile/src/main/res/anim/anim_item_fade_in.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android"
+	android:duration="@android:integer/config_shortAnimTime">
+
+	<alpha android:fromAlpha="0" android:toAlpha="1"/>
+	<scale android:pivotX="50%" android:pivotY="50%" android:fromXScale="75%" android:fromYScale="75%" android:toXScale="100%" android:toYScale="100%"/>
+
+</set>

mobile/src/main/res/anim/item_layout_animation.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
+	android:animation="@anim/anim_item_fade_in"
+	android:animationOrder="normal"
+	android:delay="15%"/>

mobile/src/main/res/layout/fragment_home.xml

@@ -9,11 +9,12 @@
 		android:layout_width="match_parent"
 		android:layout_height="match_parent">
 
-		<android.support.v7.widget.RecyclerView
+		<info.papdt.express.helper.view.AnimatedRecyclerView
 			android:layout_width="match_parent"
 			android:layout_height="match_parent"
 			android:id="@+id/recycler_view"
-			android:clipToPadding="false"/>
+			android:clipToPadding="false"
+			android:layoutAnimation="@anim/item_layout_animation"/>
 
 		<LinearLayout
 			android:layout_width="match_parent"