老孟Flutter - 博客园

【Flutter 实战】自定义动画-涟漪和雷达扫描

摘要：老孟导读：此篇文章是 Flutter 动画系列文章第五篇，本文介绍2个自定义动画：涟漪和雷达扫描效果。涟漪实现涟漪动画效果如下：此动画通过 CustomPainter 绘制配合 AnimationController 动画控制实现，定义动画控制部分： class WaterRipple ext 阅读全文

posted @ 2020-08-26 06:59 老孟Flutter 阅读(1508) 评论(0) 推荐(0)

【Flutter 实战】动画序列、共享动画、路由动画

摘要：老孟导读：此篇文章是 Flutter 动画系列文章第四篇，本文介绍动画序列、共享动画、路由动画。动画序列 Flutter中组合动画使用Interval，Interval继承自Curve，用法如下： Animation _sizeAnimation = Tween(begin: 100.0, end 阅读全文

posted @ 2020-08-25 07:12 老孟Flutter 阅读(1362) 评论(0) 推荐(0)

【Flutter 实战】一文学会20多个动画组件

摘要：老孟导读：此篇文章是 Flutter 动画系列文章第三篇，后续还有动画序列、过度动画、转场动画、自定义动画等。 Flutter 系统提供了20多个动画组件，只要你把前面【动画核心】(文末有链接)的文章看明白了，这些组件对你来说是非常轻松的，这些组件大部分都是对常用操作的封装。显示动画组件回顾上一阅读全文

posted @ 2020-08-19 06:40 老孟Flutter 阅读(1059) 评论(0) 推荐(0)

Flutter 实现酷炫的3D效果

摘要：老孟导读：此文讲解3个酷炫的3D动画效果。下面是要实现的效果： Flutter 中3D效果是通过 Transform 组件实现的，没有变换效果的实现： class TransformDemo extends StatelessWidget { @override Widget build(Buil 阅读全文

posted @ 2020-07-23 07:48 老孟Flutter 阅读(2403) 评论(0) 推荐(1)

2020年20个Flutter最漂亮的UI库和项目

摘要： Best-Flutter-UI-Templates 地址：https://github.com/mitesh77/Best-Flutter-UI-Templates The History of Everything 地址：https://github.com/2d-inc/HistoryOfEve 阅读全文

posted @ 2020-07-20 08:11 老孟Flutter 阅读(14653) 评论(1) 推荐(1)

Flutter 快捷开发 Mac Android Studio 篇

摘要：老孟导读：此快捷方式适用于Mac下的 Android Studio 。Windows 下的快捷方式请参考这篇文章：https://juejin.im/post/5efe71365188252e7d7fd0ca 快速创建一个新的Stateless or Stateful组件创建新的 Stateles 阅读全文

posted @ 2020-07-16 07:25 老孟Flutter 阅读(1970) 评论(0) 推荐(0)

Canonical通过Flutter启用Linux桌面应用程序支持

摘要：子标题：Ubuntu团队为所有Linux发行版上的Flutter应用程序制作了一个新的基于GTK +的主机。此文翻译自：https://medium.com/flutter/announcing-flutter-linux-alpha-with-canonical-19eb824590a9 作者：阅读全文

posted @ 2020-07-10 09:57 老孟Flutter 阅读(1212) 评论(0) 推荐(0)

Flutter 1.17 新 Material motion 规范的预构建动画

摘要：老孟导读：在 Flutter 1.17 发布大会上，Flutter 团队还发布了新的 Animations 软件包，该软件包提供了实现新的 Material motion 规范的预构建动画。软件包 pub 地址：https://pub.dev/packages/animations Materia 阅读全文

posted @ 2020-07-09 20:24 老孟Flutter 阅读(937) 评论(2) 推荐(1)

【Flutter 实战】动画核心

摘要：老孟导读：动画系统是任何一个UI框架的核心功能，也是开发者学习一个UI框架的重中之重，同时也是比较难掌握的一部分，下面我们就一层一层的揭开 Flutter 动画的面纱。任何程序的动画原理都是一样的，即：视觉暂留，视觉暂留又叫视觉暂停，人眼在观察景物时，光信号传入大脑神经，需经过一段短暂的时间，光的阅读全文

posted @ 2020-07-07 07:11 老孟Flutter 阅读(1303) 评论(0) 推荐(0)

Flutter 中渐变的高级用法

摘要： Flutter 中渐变有三种： LinearGradient：线性渐变 RadialGradient：放射状渐变 SweepGradient：扇形渐变看下原图，下面的渐变都是在此图基础上完成。 LinearGradient 给一张图片添加从上到下的线性渐变： ShaderMask( shaderC 阅读全文

posted @ 2020-07-05 10:01 老孟Flutter 阅读(13669) 评论(0) 推荐(1)