Flutter的移动端相机快门动画封装

本文介绍了基于Alfonso Cejudo的圆盘快门动画,进行了二次封装,实现移动端全屏视觉的相机快门动画效果。核心涉及aperture.dart、aperture_blades.dart和aperture_blade_painter.dart文件,通过初始化设置动画参数和拍照按钮启用动画来实现。
摘要由CSDN通过智能技术生成

Camera Aperture animation for mobile by Flutter

Created by Alfonso Cejudo, Saturday, July 13th 2019. link

这是Alfonso Cejudo封装的快门动画,Alfonso的设计是圆盘快门动画。我在他的基础和原理上进行二次封装,可以进行移动端全屏视觉的动画效果。

核心原理:

  • aperture.dart > 定义ApertureBladePainter类的属性和方法
  • aperture_blades.dart > 计算动画的逻辑和封装
  • aperture_blade_painter.dart > 引用ApertureBladePainter类和外观布局

初始化设置动画参数

  • main.dart >
void initState() {
  super.initState();

  animationController = AnimationController(
    // !初始动画周期为13秒
      vsync: this, duration: D
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值