岛上码农
Flutter爱好者,上架过百万级用户App(App Store分类排名前30),搞过后端开发。
展开
-
花里胡哨的文字特效,你学会了吗?
通过 ShaderMask 组件我们可以对子组件进行着色,从而改变子组件原来的颜色,实现如渐变色填充、图片填充等效果。原创 2022-12-06 21:30:29 · 486 阅读 · 0 评论 -
Flutter 绘制 3D 效果动画
基于三维变换可以实现3D效果图形的绘制和实现3D 动效,这在有些特殊绘制的场景中或增添趣味性十分有用。原创 2022-09-19 19:49:44 · 1479 阅读 · 0 评论 -
手把手教你实现一个流动的渐变色边框
手把手教你自定义绘制渐变色边框,并通过动画实现流动的效果,绘图加动画组合能够实现很多既有创意又有取的效果!原创 2022-07-28 19:46:26 · 878 阅读 · 0 评论 -
Flutter 绘制波浪移动动画效果,曲线和折线图
掌握了线条绘制方法后,我们可以绘制各类曲线或折线,如果耗费点时间,也可以做出漂亮的图表效果来。原创 2022-07-04 20:36:12 · 1650 阅读 · 0 评论 -
滚动前行的轮子 — Flutter 交错动画应用实例
交错动画实际上可以实现非常有创意的动效,本篇实现轮子滚动的效果。原创 2022-06-19 17:11:11 · 409 阅读 · 0 评论 -
animations - 快速做出高大上动画的Flutter插件
animations是官方提供的motion动画插件,简洁而不简单,能够给用户提供平滑的转场体验,让你的应用高大上!原创 2022-06-16 21:43:51 · 1173 阅读 · 2 评论 -
用 Flutter 做出 GIF 动图效果
通过交错动画给了我们更多动效组合的空间,从而可以实现类似 GIF图片的那种多帧组合在一起的动画效果。原创 2022-06-14 21:53:54 · 1563 阅读 · 0 评论 -
丢掉丑陋的 toast,会动的 toast 更有趣
大多数 App的 toast 都很简单,简单的半透明黑底加上白色文字草草了事。相比之下,我们要介绍的 motion_toast就有趣多了!原创 2022-06-11 12:57:51 · 314 阅读 · 0 评论 -
Flutter 利用 Hero 动效实现列表详情页的无缝切换
利用 Hero 动画实现列表到详情页无缝切换,纵享丝滑,用户体验更好。原创 2022-06-05 12:45:00 · 448 阅读 · 0 评论 -
瞒天过海 —— 教你更换Flutter Hero 动画效果过程中的组件
动画一般是同一个组件的动效,但是 Flutter 的 Hero 动画可以在动画过程中更换为另一个组件,有点“瞒天过海”的味道!原创 2022-06-02 19:58:44 · 243 阅读 · 0 评论 -
Flutter 自定义主体动画路径
本篇介绍了 Hero 动画组件的 createRectTween 属性实现自定义路径效果的动画。实际使用的时候,可以根据自己需要构建一些有趣的路径提升用户体验或增加趣味性。原创 2022-05-30 19:11:50 · 224 阅读 · 1 评论 -
页面切换转场动画,英雄救场更有趣
借助 Hero,对于我们很多场景可以让转场效果更好,比如说从商品列表切换到商品详情,从资讯列表到资讯详情。都可以给用户带来更好的体验。原创 2022-05-27 20:21:50 · 325 阅读 · 0 评论 -
收藏不迷路 —— Flutter 转场动效大合集
有趣的转场动效会让页面过渡得更自然,更有趣!原创 2022-05-04 20:39:51 · 1392 阅读 · 0 评论 -
Flutter 动画组件那么多,记不住不会用怎么办?我都给你整理好了,收藏吧
前言Flutter 自带的基础动画组件有几十个那么多,包括通用的动画构建类、特定的动画效果类以及封装好的动画组件。本篇整理了 Flutter 的隐式动画组件,方便各位 Flutter 爱好者(搬砖者)随时查看和使用。原创 2022-04-30 16:13:31 · 379 阅读 · 0 评论 -
Flutter 模拟神舟十三号火箭发射动画
神舟十三号的发射和6个月后三名宇航员的成功返回让人激动,来一割火箭发射动画纪念一下!原创 2022-04-29 20:58:09 · 1619 阅读 · 0 评论 -
Flutter 复刻一个逼真的笑嘻嘻表情
动起来的表情才有趣!原创 2022-04-28 19:18:38 · 1992 阅读 · 0 评论 -
Flutter 实现吹气球动画
通过改变图片尺寸,实现气球变得越来越大的动效,就像吹气球一样。原创 2022-04-27 19:18:55 · 1079 阅读 · 0 评论 -
Flutter 实现超人飞来,满屏的力量感动画
超人从屏幕飞来,肌肉男的力量感贴着屏幕都能感受出来!原创 2022-04-26 19:41:02 · 427 阅读 · 0 评论 -
动画曲线天天用,你能自己整一个吗?看完这篇你就会了
本篇介绍了 Flutter 动画曲线类的原理和控制动画的机制,实际上 Curve 类就是在指定的时间内,沿曲线完成从起点到终点的过渡。但是为了保证动画平滑过渡,应该保证自定义曲线的transformInternal方法返回值的起始值和结束值分别是0和1。原创 2022-04-25 20:55:37 · 178 阅读 · 0 评论 -
Flutter 滑动切换动画效果实现详解
本篇介绍了 SlideTransition 滑动转换动画类及其应用。通过 SlideTransition 我们还可以实现很多其他动画效果,例如图片浏览、滑动卡片等。原创 2022-04-24 20:35:21 · 2574 阅读 · 0 评论 -
还在用 ListView?使用 AnimatedList 让列表元素动起来
列表元素的变动操作太生硬?让动起来的列表来化解!原创 2022-04-23 12:18:03 · 265 阅读 · 0 评论 -
Flutter 的加载动画这么玩更有趣
搞一些有趣的动画玩玩,这样在 loading 的时候,如果加载是时间长,至少不会让等待的过程那么无聊。原创 2022-04-22 22:11:35 · 1217 阅读 · 0 评论 -
使用Flutter给照片调个颜色滤镜动画
本篇介绍了 TweenAnimationBuilder 的构造方法、实现机制和应用,同时使用 ColorFiltered 组件实现了颜色滤镜效果。原创 2022-04-21 18:57:55 · 1197 阅读 · 0 评论 -
Flutter 场景切换动画实现
本篇介绍了 Flutter场景切换动画的实现。可以完成界面中组件的切换过渡动效,并且可以控制切入切出的时长、动画取消、过渡效果和布局,从而可以实现一些有趣的切换效果。原创 2022-04-20 21:17:40 · 1532 阅读 · 0 评论 -
Flutter 致敬大话西游 — 看着一颗跳动的热心
紫霞仙子:我在你心里留下了一样东西……至尊宝:原来那个女孩子在我心里留下了一滴眼泪,我完全可以感受到当时她是多么的伤心。原创 2022-04-19 19:33:34 · 281 阅读 · 0 评论 -
Flutter 使用 AnimatedBuilder 分离组件和动画实现动效复用
分离动画实现逻辑和 UI 组件,实现动效复用 —— 这才是 AnimatedBuilder 的正确打开方式。原创 2022-04-18 21:29:11 · 382 阅读 · 0 评论 -
Flutter 实现淡入淡出(Fade)动画效果
小姐姐使用渐现动效和我们捉迷藏了,还能从清纯风无痕过渡到高冷风哦!这就是 AnimatedOpacity 渐现动画组件的魅力原创 2022-04-16 21:19:32 · 1341 阅读 · 0 评论 -
Flutter 实现 3D 动画效果详解
Flutter 构建可复用的动画组件,同时,还通过三维变换实现了三维空间的3D立体动画效果。原创 2022-04-14 21:38:13 · 1972 阅读 · 0 评论 -
Flutter 实现风车加载动画组件
源码可以直接拿去用!!手把手教你做一个风车动画加载指示组件,让 Loading 的过程更有趣,提升用户体验。原创 2022-04-13 20:39:28 · 339 阅读 · 0 评论 -
Flutter 实现爱心三连动画
构建爱心三连动画,详解Flutter 动画类 Animation 和 AnimationController 的使用。原创 2022-04-12 22:11:20 · 843 阅读 · 0 评论 -
爱了爱了,这样的文字动画让你爱不释手
看一眼就会爱上,这样的文字动效让你爱不释手!简单易用,快速集成,瞬间可以让应用的文字拥有酷炫的效果!原创 2022-04-11 21:18:42 · 427 阅读 · 0 评论