前言

先看一個效果，在展開本文的內容。

實現

一般的App在重新整理之後會顯示本次重新整理，增加了多少內容或更新，對於新聞類或直播類，比較常見。那麼，這個效果如何實現呢？

下拉重新整理，得到伺服器的最新資料後，會得到資料集合的大小與原來的比較，得到所需的值或者這個工作有伺服器來完成。

接下來就是通過動畫來顯示資料

使用類庫

動畫可以自己實現，本次藉助於第三方類庫ViewAnimator實現炫酷的特效，重新整理使用SmartRefresh。

匯入類庫引用

//重新整理-SmartRefreshLayout
compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.4-7'
//流暢的Android動畫庫
compile 'com.github.florent37:viewanimator:
 
[email protected]'

佈局檔案

<com.scwang.smartrefresh.layout.SmartRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:srlEnableLoadmore="true">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

    <RelativeLayout
        android:id="@+id/rl_top_toast"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:background="#D6E9F6"
        android:visibility="gone">

        <TextView
            android:id="@+id/tv_toast"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="@string/live_toast"
            android:textColor="#3393D5"
            android:textSize="12sp" />
    </RelativeLayout>

</RelativeLayout>
</com.scwang.smartrefresh.layout.SmartRefreshLayout>
 

重新整理動畫

private void setListener() 
{
    refreshLayout.setOnRefreshListener(new OnRefreshListener() {
        @Override
        public void onRefresh(RefreshLayout refreshlayout) {
            showToast(new Random().nextInt(10) + 1);
            refreshlayout.finishRefresh();
        }
    });
}

private void showToast(int num) 
{
    tvToast.setText(String.format(getResources().getString(R.string.live_toast), num + ""));
    rlTopToast.setVisibility(View.VISIBLE);
    ViewAnimator.animate(rlTopToast)
            .newsPaper()
            .duration(1000)
            .start()
            .onStop(() -> ViewAnimator.animate(rlTopToast)
                    .bounceOut()
                    .duration(1000)
                    .start());
}
 

效果