Android之刷新显示数据变化动画

前言

先看一个效果,在展开本文的内容。

Android之刷新显示数据变化动画_第1张图片

实现

一般的App在刷新之后会显示本次刷新,增加了多少内容或更新,对于新闻类或直播类,比较常见。那么,这个效果如何实现呢?

下拉刷新,得到服务器的最新数据后,会得到数据集合的大小与原来的比较,得到所需的值或者这个工作有服务器来完成。

接下来就是通过动画来显示数据

使用类库

动画可以自己实现,本次借助于第三方类库ViewAnimator实现炫酷的特效,刷新使用SmartRefresh。

导入类库引用

//刷新-SmartRefreshLayout
compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.4-7'
//流畅的Android动画库
compile 'com.github.florent37:viewanimator:1.0.5@aar'

布局文件





    

    

        
    



刷新动画

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

效果

Android之刷新显示数据变化动画_第2张图片

参考:
RefreshAnimal

 

你可能感兴趣的:(技术文档)