美文网首页
过渡动画——列表动画

过渡动画——列表动画

作者: justCode_ | 来源:发表于2018-09-26 14:41 被阅读0次

最近都在弄动画相关的东西,本来,想讲讲path的复杂动画。但想到,可能不太能被大家理解,而我,也一时半会不知道怎么讲。所以,就不讲了。

转而讲今天的这个主题——过渡动画

其实,过渡动画,主要就是加载动画,进入动画,退出动画。加载动画,非常常见,就比如我们的进度条。这个我就不讲了。网上有很多现成的,直接用就可以了。

我主要讲讲这个进入和退出的动画。而退出和进入,主要的应用场景其实,是view的进入和退出,fragment的进入和退出,activity的进入和退出。这个,我会在后面,慢慢讲一遍。今天主要讲一种使用频率不叫高的view的动画——列表(recycleview)。

其他所有的viewgroup(view)都可以参照这个recycleview的动画来写。

ok,正题来了:

先来常规操作:写好recycleview的常规代码,这里不懂得话,看我之前文章关于recycleview的。

然后,就是我们写动画的时候了:

首先我们写一个item的动画(可以是复合动画,通常也是复合动画),这里面的属性,我只讲(因为其他的,我之前讲过)

android:shareInterpolator="true"

这个的意思是,共享同一个插值器,不过,在动画时间短,动画幅度小的情况,看不出来什么不同的。

然后,就是写 一个叫layoutAnimation的东西。这个是什么呢?这个看名字,直接翻译就是了。

这里面的属性,同样,直接翻译就知道了。

最后一步就是:将动画引入给这个recycleview就大功告成

后记:下一篇讲activity的切换动画。

相关文章

  • Vue中的动画

    基础CSS过渡和动画 动画:keyframes过渡:transition 列表动画 状态动画 组件和元素切换 1....

  • 过渡动画——列表动画

    最近都在弄动画相关的东西,本来,想讲讲path的复杂动画。但想到,可能不太能被大家理解,而我,也一时半会不知道怎么...

  • 17.vue中多个元素或者多个组件的过渡动画列表过渡

    1.多个元素过渡动画 2.多个组件的过渡动画 3.vue中的列表过渡

  • Vue的动画过渡

    动画过渡,官网教程。数字的增加修改 列表的交替动画

  • JS中的动画事件和过渡事件

    动画事件 动画事件demo 过渡动画事件 过渡动画事件demo

  • 动画core animation

    type 动画过渡类型subtype 动画过渡方向

  • CSS3过渡动画

    过渡动画 transition属性简介transition是网页上的过渡动画,变化的逐渐过渡效果,简称过渡动画!列...

  • 016 过渡及动画

    过渡与动画 一、过渡 1、过渡属性 二、动画 1、动画属性 2、动画体 v_hint:动画属性设置给指定选择器标签...

  • Android过渡动画Scene and Transition(

    Android场景过渡——Scene and Transition(一) 场景过渡动画 场景过渡动画是指以动画的形...

  • CSS3--动画

    特点 过渡和动画之间的相同点过渡和动画都是用来给元素添加动画的过渡和动画都是系统新增的一些属性过渡和动画都需要满足...

网友评论

      本文标题:过渡动画——列表动画

      本文链接:https://www.haomeiwen.com/subject/ymwdoftx.html