自定义动画

在生命周期中就提到StateLayout可以直接监听获取到缺省页的视图对话, 很方便地添加自定义动画.

我并不推荐为缺省页设置动画, 毕竟页面追求的是立即显示内容给用户. 动画严重拖慢应用响应速度, 体验不太好

渐变动画

这里演示如何创建渐变动画, 如果想要其他动画可以自己拓展

1. 为避免重复代码首先创建统一的动画函数

   private fun View.startAnimation() {
       // 先将视图隐藏然后在800毫秒内渐变显示视图
       animate().setDuration(0).alpha(0F).withEndAction {
           animate().setDuration(800).alpha(1F)
       }
   }
   

2. 然后为每个缺省页设置动画

   StateConfig.apply {
       emptyLayout = R.layout.layout_empty
       errorLayout = R.layout.layout_error
       loadingLayout = R.layout.layout_loading
   
       onError {
           startAnimation()
       }
       onEmpty {
           startAnimation()
       }
       onContent {
           startAnimation()
       }
       onLoading {
           startAnimation()
       }
   }
   

   当然你也可以仅设置你指定的缺省页动画

骨骼动画

骨骼动画只是一种加载中动画. 你可以使用第三方骨骼动画框架(甚至一个gif动图)设置为loadingLayout(加载中缺省页)即可