当前位置: 首页 > news >正文

威县做网站报价婚恋网站排名前三

威县做网站报价,婚恋网站排名前三,做个app商城类的要多少钱,手机网站是用什么开发的Flutter开发基础之动画专题 动画设计的作用是让UI界面更流畅、直观,能够有效的提升用户体验。 在Flutter开发中,动画分为多个方面: 基础动画、页面交互动画、绘图动画、矩阵变换等。 基本动画 常用的基本动画有透明度动画、缩放动画、旋转动…

Flutter开发基础之动画专题

动画设计的作用是让UI界面更流畅、直观,能够有效的提升用户体验。
在Flutter开发中,动画分为多个方面:
基础动画、页面交互动画、绘图动画、矩阵变换等。
Flutter开发基础

基本动画

常用的基本动画有透明度动画、缩放动画、旋转动画、平移动画等。

  1. 透明度动画
    AnimatedOpacity可以实现基本的透明度变化动画,适用于简单的过渡场景。
    AnimatedOpacity(opacity: opacity,duration: duration,curve: curve,onEnd: onEnd,child: child,)

可以通过设置目标opacity,将child初始opacity修改为目标opacity
FadeTransition可以和AnimationController配合实现子Widget的透明度变换,绑定的AnimationController控制动画的开始与结束。

    FadeTransition(opacity: opacity,child: child,)

在这里对应的State需要绑定SingleTickerProviderStateMixin,如果有多个AnimationController需要绑定TickerProviderStateMixinSingleTickerProviderStateMixinTickerProviderStateMixin都实现于TickerProviderTickerProvider用来发送Ticker对象,Ticker对象的作用是获取每一帧刷新的通知;
Ticker受到SchedulerBinding的驱动,锁屏后会停止刷新,可以避免资源浪费。

  1. 缩放动画
    ScaleTransition可以和AnimationController配合构建缩放动画效果,此缩放是等比例的。
    ScaleTransition(scale: scale,alignment: alignment,child: child,filterQuality: filterQuality,)
  1. 旋转动画
    RotationTransition配合AnimationController实现旋转效果。
    RotationTransition(turns: turns,alignment: alignment,filterQuality: filterQuality,child: child,)
  1. 平移动画
    SlideTransition配合AnimationControllerAnimation<Offset>实现对子Widget的平移变换。
    SlideTransition(position: position,transformHitTests: transformHitTests,textDirection: textDirection,child: child,)

Widget还可以直接配合TweenAnimationController实现动画效果,这里的Tween就是AnimationTween有一下几种:

ColorTweenColor切换动画
DecorationTweenContainer的Decoration变化
BoxConstraintsTween针对ConstrainedBox使用
EdgeInsetsTween一般用于padding或margin变化
BorderTween边框变换动画
BorderRadiusTween边框圆角变换动画
Matrix4Tween矩阵变换动画
TextStyleTween文本样式过渡动画
TweenSequence串行动画,是动画序列的组合动画
ConstantTween常量值动画,一般与TweenSequence配合组合动画
SizeTweensize变换动画
RectTweenrect变换动画
StepTween与TweenAnimationBuilder配合使用,可显著提高动画效率

Widget动画还可以通过AnimatedWidget实现,AnimatedWidget会封装好setState状态更新,通过Listenable监听Widget动画;
AnimatedBuilder继承自AnimatedWidget,对AnimatedWidget做了优化。
AnimatedModalBarrier继承自AnimatedWidget,可以防止用户与身后的子Widget交互。
SpringSimulation可以和SpringDescription配合AnimationController实现阻尼效果。

页面交互动画

Flutter中可以通过Hero组件来组合不同路由页面的过渡元素,通过使用相同的tag绑定不同的Widget,确保不同的Widget完成过渡。

    Hero(tag: tag,createRectTween: createRectTween,flightShuttleBuilder: flightShuttleBuilder,placeholderBuilder: placeholderBuilder,transitionOnUserGestures: transitionOnUserGestures,child: child,)

若过渡效果不满意,可以配合PageRouteBuilder实现自定义Hero动画效果。
当需要对相邻或有关联的Widget进行切换过渡时可以使用AnimatedSwitcher实现。

    AnimatedSwitcher(duration: duration,reverseDuration: reverseDuration,switchInCurve: switchInCurve,switchOutCurve: switchOutCurve,transitionBuilder: transitionBuilder,layoutBuilder: layoutBuilder,child: child,)

绘图动画

绘图动画是Canvas结合Path绘制自定义图形,对于完整的Path可以通过PathMetric分解获得任一截数据,形成新的Path
在一定时间内逐步绘制一部分Path实现画线效果,我们可以同过自定义一个CustomPainter配合AnimationController实现动画效果。

    CustomPaint(painter: painter,foregroundPainter: foregroundPainter,size: size,isComplex: isComplex,willChange: willChange,child: child,)
http://www.hrbkazy.com/news/45806.html

相关文章:

  • 个人网站后期怎么做企业关键词优化公司哪家强
  • 全国网站建设公司有多少家360搜索推广官网
  • wordpress能建论坛吗有名的seo外包公司
  • 广州网站案例展示微信推广方式有哪些
  • 运城网站建设求职简历武汉抖音seo搜索
  • 网站开发制作阶段的说课稿百度手机app下载并安装
  • 可以免费做演播的听书网站网上打广告有哪些软件
  • 映射做网站全国各城市疫情高峰感染高峰进度
  • 郑州网络推广免费平台谷歌seo软件
  • 云南做网站需要多少钱百度提交收录入口
  • 大学网站建设专业网站推广和精准seo
  • 简述网站建设的流程百度经验app
  • 西宁市网站建设公司seo教学网seo
  • 提供模板网站制作多少钱整站seo优化
  • wordpress做登陆页面模板优化营商环境工作开展情况汇报
  • 广州网站建设与网页设计2021年最为成功的营销案例
  • wordpress 版本号一键优化下载安装
  • wordpress子站点茶叶网络推广方案
  • 沭阳住房和城乡建设局网站东莞优化疫情防控措施
  • 如何做网站的客服建一个网站大概需要多少钱
  • 一下成都网站建设公司手机制作网页用什么软件
  • 北京做网站哪家强网络营销推广方案策划与实施
  • 建设医疗网站黑龙江今日新闻
  • 地方门户网站发展趋势哈尔滨网站推广
  • 河南做网站多少钱seo点击优化
  • 如何创建企业网站东莞免费建站公司
  • 嘉兴做网站多少钱网络营销策略都有哪些
  • 网站在公安部备案搭建一个网站需要多少钱
  • bugku中网站被黑怎么做软文推广范文
  • 自己做淘宝网站故事式软文广告300字