网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么选择Flutter动画控件

这篇文章主要讲解了“怎么选择Flutter动画控件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么选择Flutter动画控件”吧!

于田网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联于2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

从广义上来说,Flutter动画组件分为两种类型,

  • Drawing-based animations:基于绘制的动画,就像是画画一样,通常都是独立的控件,例如游戏角色或者很难用纯碎的代码来完成的效果。

  • Core-based animations:基于核心的动画,它面向组件,基于标准的布局和样式,从本质上说,倾向于增强控件的外观和过渡效果,而不是自己充当独立的控件。

想一想你的动画是基于绘制的,还是基于核心(组件)的:

  • 如果是基于绘制的,而且你的团队中有专门的设计人员提供素材,建议你使用第三方工具,比如Rive和Lottie,这些库可以方便的导入资源来构建动画。

  • 如果是基于核心(组件)的,涉及组件的变化,比如颜色、形状、位置的变化等。

在Flutter中基于核心(组件)的动画又分为两类:

  • 隐式动画控件:只需提供给组件开始、结束值,系统执行动画,比如AnimatedAlign等组件。

  • 显式动画控件:需要设置AnimationController,控制动画的执行,使用显式动画可以完成任何隐式动画的效果,甚至功能更丰富一些,不过你需要管理该动画的AnimationController生命周期,AnimationController并不是一个控件,所以需要将其放在stateful 控件中。

从上面的分类中,我们不难看出,使用隐式动画控件,代码更简单,而且无需管理AnimationController的生命周期。

如何确定使用隐式动画控件还是显式动画控件?你需要考虑3个问题:

  • 动画是否一直重复,比如音乐播放。

  • 动画值是否不连续,比如一个圆圈,不连续的尺寸变化:小->大,小->大,小->大。连续的尺寸变化:小->大->小->大。

  • 是否有多个组件一起动画。

如果你对这三个问题中的任何一个回答“是”,那么你需要使用显式动画控件,否则你就使用隐式动画控件。

一旦你确定了使用显式动画控件或者隐式动画控件,这个时候你就需要找到对应的组件,你需要的组件是否已经在Flutter中内置了?

对于隐式组件来说:

  • 已经内置:直接使用,当然也可以看下AnimatedContainer组件,AnimatedContainer是非常强大且用途广泛的动画组件。

  • 未内置:可以使用TweenAnimationBuilder创建一个自定义的动画控件。

对于显示组件来说:

  • 内置:直接使用相关组件,比如xxxTransition组件。

  • 未内置:自定义一个动画控件。

自定义一个显式的动画组件需要确认这个动画组件是单独一个组件还是组件的一部分,

  • 单独一个显示组件:你应该继承 AnimatedWidget来实现。

  • 组件的一部分:使用AnimatedBuilder来实现。

还有最后一件事情需要考虑:如果你发现由CustomPainter引起的性能问题,你可以像AnimatedWidget一样使用它,但是CustomPainer直接绘制到画布上,而无需标准的小部件构建范例,如果使用的好,可以创建一些整洁、丰富的自定义的效果或者节省性能,但如果使用的不好,你的动画可能引起更多的性能问题,就像是手动管理内存一样,要处理好共享指针,为什么要用这样用,是否有内存问题,这些问题都要考虑清楚。

感谢各位的阅读,以上就是“怎么选择Flutter动画控件”的内容了,经过本文的学习后,相信大家对怎么选择Flutter动画控件这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


分享题目:怎么选择Flutter动画控件
浏览路径:http://bjjierui.cn/article/pjdgoh.html

其他资讯