草庐IT

flutter - 动画在 flutter 中很慢

coder 2023-07-22 原文

我在 flutter 中为 Canvas 中的线条设置动画。我正在使用 AnimationController 来控制动画。当我为一条线设置动画时，它会在没有任何滞后或性能问题的情况下进行动画处理。但是当我为超过 10 条线设置动画时，它在渲染该线时会受到冲击和滞后。在每一帧中，都会调用重绘来为该线设置动画。如何克服这个问题。

代码片段

class CrossPainter extends CustomPainter {
  Paint _paint;
  double _fraction;
  CrossPainter(this._fraction) {
    _paint = Paint()
      ..color = Colors.blue
      ..strokeWidth = 10.0
      ..strokeCap = StrokeCap.round;
  }

  @override
  void paint(Canvas canvas, Size size) {
    canvas.clipRect(Rect.fromLTRB(0, 0, _fraction * size.width , size.height));
    canvas.drawLine(Offset(0.0, 0.0), Offset(size.width , size.height ), _paint);
     canvas.drawLine(Offset(size.width, 0.0), Offset(size.width - size.width, size.height ), _paint);
  }

  @override
  bool shouldRepaint(CrossPainter oldDelegate) {
    return oldDelegate._fraction != _fraction;
  }
}

typedef FadeBuilder = Widget Function(BuildContext, double);
class _AnimationWrapper extends StatefulWidget {
  const _AnimationWrapper({this.builder});
  final FadeBuilder builder;

  @override
  _AnimationWrapperState createState() => _AnimationWrapperState();
}

class _AnimationWrapperState extends State<_AnimationWrapper> with SingleTickerProviderStateMixin {
  double opacity = 0.0;
  double _fraction = 0.0;
  Animation<double> animation;
  AnimationController controller;

  @override
  void initState() {
    super.initState();
    controller = AnimationController(duration: Duration(milliseconds: 3000), vsync: this);
    animation = Tween(begin: 0.0, end: 1.0).animate(controller)
      ..addListener(() {
        setState(() {
          _fraction = animation.value;
        });
      }
      );
    controller.forward();
  }
  @override void didUpdateWidget(_AnimationWrapper oldWidget) {
    // TODO: implement didUpdateWidget
    super.didUpdateWidget(oldWidget);
  }
  @override
  Widget build(BuildContext context) {
   return CustomPaint(painter: CrossPainter(_fraction));
  }
}

谢谢

阿什温

最佳答案

如果我理解你的问题是正确的——这些延迟是由 Debug模式引起的。 debug时动画总是会出现一些小问题。 尝试构建发布 apk 并启动它

关于flutter - 动画在 flutter 中很慢，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55276891/

flutter动画fractionsectionsizeflutter-animation

有关flutter - 动画在 flutter 中很慢的更多相关文章

  1. Unity 3D 制作开关门动画,旋转门制作,推拉门制作,门把手动画制作 - 2

    Unity自动旋转动画1.开门需要门把手先动,门再动2.关门需要门先动,门把手再动3.中途播放过程中不可以再次进行操作觉得太复杂?查看我的文章开关门简易进阶版效果:如果这个门可以直接打开的话,就不需要放置"门把手"如果门把手还有钥匙需要旋转,那就可以把钥匙放在门把手的"门把手",理论上是可以无限套娃的可调整参数有:角度,反向,轴向,速度运行时点击Test进行测试自己写的代码比较垃圾,命名与结构比较拉,高手轻点喷,新手有类似的需求可以拿去做参考上代码usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;u

  2. LVGL V8动画 - 2

    动画/*INITIALIZEANANIMATION 初始化一个动画*-----------------------*/lv_anim_ta;lv_anim_init(&a);/*MANDATORYSETTINGS 必选设置*------------------*//*Setthe"animator"function 设置“动画”功能*/lv_anim_set_exec_cb(&a,(lv_anim_exec_xcb_t)lv_obj_set_x);/*Setthe"animator"function*/lv_anim_set_var(&a,obj);/*Lengthoftheanim

  3. ruby-on-rails - Rails 3 Cli 执行命令真的很慢吗？ - 2

    有人知道为什么我的rails3.0.7cli这么慢吗？当我运行railss或railsg时，他大约需要5秒才能真正执行命令...有什么建议吗？谢谢 最佳答案 更新:我正在将我的建议从rrails切换到rails-sh，因为前者支持REPL，而rrails不是用例。此外，当与ruby​​环境结合使用时，修补似乎确实可以提高性能变量，现在反射(reflect)在答案中。一个可能的原因可能是这个performancebuginruby每当在ruby​​代码中使用“require”时，它就会调用一些代码(更多详细信息here)。在使用Rai

  4. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  5. ruby-on-rails - Ruby 的 range step 方法导致执行速度很慢？ - 2

    我有这段代码:date_counter=Time.mktime(2011,01,01,00,00,00,"+05:00")@weeks=Array.new(date_counter..Time.now).step(1.week)do|week|logger.debug"WEEK:"+week.inspect@weeks从技术上讲，代码有效，输出:SatJan0100:00:00-05002011SatJan0800:00:00-05002011SatJan1500:00:00-05002011etc.但是执行时间完全是垃圾!每周计算大约需要四秒钟。我在这段代码中是否遗漏了一些奇怪的低效

  6. ruby - Carrierwave + MiniMagick - 如何将动画 GIF 压缩到第一帧？ - 2

    有人知道如何使用Carrierwave+MiniMagick将动画GIF压缩到第一帧吗？ 最佳答案 我认为MiniMagick有一些变化，因为我只花了三个小时试图找出为什么Andrey的代码对我不起作用。我收到以下错误:ActiveRecord::RecordInvalid(Validationfailed:ImageFailedtomanipulatewithMiniMagick,maybeitisnotanimage?OriginalError:Command("mogrify-scene/var/folders/0o/0oqN

  7. ruby - ruby 插件会使启动 vim 很慢吗？ - 2

    最近，当我运行vim来编辑ruby​​文件或rails项目时，它需要很长时间才能启动。但是在纯文本文件上调用时它启动速度很快。有什么方法可以找出哪些ruby​​vim插件最能延长启动时间？ 最佳答案 如果您使用的是7.2.286或更新版本，您可以运行vim--startuptimevim.outfoo.rb记录启动过程的各个部分需要多长时间。 关于ruby-ruby插件会使启动vim很慢吗？，我们在StackOverflow上找到一个类似的问题： https:

  8. Ruby 需要 "no such file to load"错误但在路径中很明显 - 2

    我一直在尝试让一个ruby​​文件要求另一个ruby​​文件，我觉得我快疯了。我的设置如下“/raid1/ruby-code/benchmark/”中的两个文件CommandRunnerBenchmarkerBenchmarker是此时的主要程序，它需要CommandRunner，我尝试了很多不同的东西，但都没有用。以下是我放在Benchmarker开头的所有内容的列表require'CommandRunner'require'./CommandRunner'$LOAD_PATH.unshiftFile.expand_path(File.dirname($PROGRAM_NAME))r

  9. ruby-on-rails - 如何在 Ajax 请求处理期间显示动画图标 - Rails 3 - 2

    我正在尝试为每个ajax请求显示一个加载指示器，我在Rails3应用程序中工作。HTML:"loading-indicator",:style=>"display:none")%>CSS:#loading-indicator{position:absolute;left:10px;top:10px;}loading.js:我放在assest/javascripts/$(document).ready(function(){$(document).ajaxSend(function(event,request,settings){$('#loading-indicator').show(

  10. ruby-on-rails - Rails 开发服务器很慢，需要很长时间才能加载一个简单的页面 - 2

    关于Rails在开发模式下运行缓慢的类似帖子也有，但这些帖子中的解决方案都没有对我产生任何影响。我试过安装可以提高性能的gem并修改配置文件，但都没有成功。我刚开始使用Rails，所以我正在运行“Rails入门”指南中的启动应用程序，这是一个小博客。我已经按照推荐安装了Ruby1.9.3和Rails3.2.13。我在OS/X10.7.5上运行。当加载教程应用的起始页时，实际上只有1行文本和1个链接，需要20-40秒。对任何页面的每个后续请求都需要20-40秒。然而，当我查看服务器日志时，Rails所做的任何事情似乎都不会花费很长时间。日志中的事件之间的时间一直在占用。作为Rails的初

随机推荐