Flutter怎么实现不同缩放动画效果


本篇内容主要讲解“Flutter怎么实现不同缩放动画效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Flutter怎么实现不同缩放动画效果”吧!组件缩放可以向着一个方向进行缩放,放大列表中某一个Cell期望它是向后进行放大而非组件中心点开始缩放。具体效果如下图所示:ScaleTransition具体实现如下代码,设置AnimationController控制器若需要增加数值操作可以再增加Animate再调用forward方法执行。PS:动画实现在以前文章中有介绍过如果希望修改缩放方向,可以为ScaleTransition添加alignment配置。例如centerLeft表示组件靠左向右缩放。如图所示默认缩放是以组件中心点进行缩放效果,设置alignment则向着相反位置进行缩放。但ScaleTransition并不能满足需求功能,无法做到向着一个方向进行缩放动画。SizeTransition是以更改子组件尺寸实免费云主机域名现动画效果,支持垂直或水平方向动画。但在需求要求上还是不满足期望的结果,SizeTransition更适用在实现展开或是飞入的动画效果。AnimatedSize是自带动画效果的组件,修改组件尺寸大小就能够执行缩放动画。但AnimatedSize的问题在于它只作用于自身,若子布局设置了自身的尺寸就不会随着父组件大小而变化。AnimatedBuilder主要结合Transform.scale组件设置alignmentAlignment.centerLeft即可对组件实现向右缩放动画。AnimatedBuilder方式实现缩放需要为组件缩放预留好足够空间进行缩放放大操作,避免组件缩放后与其他组件出现重叠现象。到此,相信大家对“Flutter怎么实现不同缩放动画效果”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: vue怎么获取一个类名

这篇文章主要介绍“vue怎么获取一个类名”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue怎么获取一个类名”文章能帮助大家解决问题。步骤如下:1.首先,在vue-cli中创建一个vue.js项目;2.vue.js项目…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/15 22:19
Next 03/15 22:19

相关推荐