草庐IT

flutter - 耀斑动画图标尺寸太小

coder 2023-07-22 原文

我在 flutter 中使用了耀斑动画。我在 flare 帐户上创建了自己的动画。 Here is the link to my flare file

现在，当我在我的 flutter 应用程序中使用这个动画时，动画图标太小了。我正在使用如下的耀斑动画:

   Container(
        width: 50,
        height: 50,
        child: Center(
          child: FlareActor(
            "flare_animations/heart.flr",
            animation: "go",
          ),
        ),
      )

我可以看到动画正在发生，但它太小了。增加容器的大小并为 FlareActor 尝试不同的 boxfit 也没有帮助。

最佳答案

在 Flare 中创建动画时，您需要记住画板大小。您的 FlareActor 小部件与整个画板一样大，因为 Flare 不会测量动画内部的形状。

如果您将其保留为默认值(例如 1024x768 像素)并且您的动画内部会很小(例如 100x100 像素)，那么将 Container 设置为 50x50 将改变整个画板的大小，因此您的动画会小得多(大约几个像素)。

要解决此问题，您可以将画板大小更改为更小(点击左侧菜单中的画板，然后在右侧菜单中更改大小)或更改动画形状将尺寸调大(点击左侧菜单中的形状，然后在右侧菜单中更改比例)。

关于flutter - 耀斑动画图标尺寸太小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55995285/

耀斑标尺画板sectionstrongflutter

有关flutter - 耀斑动画图标尺寸太小的更多相关文章

  1. 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      变量

  2. javascript - 编写网络画图程序的技术 - 2

    我想做一个网络画图程序。基本上我想在Web应用程序中模仿WindowsPaint程序。我真的不知道如何实现的功能是:在网络浏览器中绘制二维形状(线、圆等)拖放动态调整大小(移动鼠标调整大小时查看预览)我猜会有HTML5、CSS3和Javascript。我主要想知道是否有Javascript库可以让我的生活更轻松。最好的问候 最佳答案 是的，您想使用Canvas(“新Flash”)。它是一种HTML5元素，在较新的(移动)浏览器中得到广泛支持。以下是一些帮助您入门的链接:acompletems-paintcopysalvagedfro

  3. flutter 中最详细的继承，多态，接口讲解 - 2

    flutter中最详细的继承，多态，接口讲解前言一、继承（Extends）二、混合mixins（with）2.1、最简单的mixin2.2、on关键字，基于某个类型的mixin2.3、多个mixin2.4、mixin怎么实现多继承三、接口的实现（implement）总结前言众所周知，dart是一门单继承的语言，但是我们在日常开发中，会遇到各种各样的问题，比如，我们需要在dart中实现多继承，那么改怎么办呢？本篇文章，我将和大家聊聊关于dart中的继承，接口，混合的相关知识。类型解决什么问题使用场景限制extends子类继承子类继承父类只能继承一个父类，会继承父类的可见的属性和方法，不能继承构造

  4. javascript - 如果编辑器的宽度太小，是否有办法将工具栏按钮换行到 TinyMCE 的下一行？ - 2

    我在高级主题中使用TinyMCE。今天我必须提前指定每个工具栏行中的按钮:theme_advanced_buttons1、theme_advanced_buttons2和theme_advanced_buttons3。如果编辑器的宽度太小而无法将它们全部包含在一行中，是否可以只指定一个按钮列表并让按钮换行到下一行？ 最佳答案 它不会自己做，但在tinyMCE4.X中，您可以添加多个工具栏，如下所示tinymce.init({selector:".tinymce-textarea",theme:"modern",plugins:["a

  5. image - 去画图像蒙版 - 2

    我正在尝试使用模板绘制图像，模板图像如下我想用自定义颜色为图像着色红色、绿色、蓝色和黄色，并实现如下效果:为了实现这一点，我目前使用这张图片作为基础然后使用draw.Draw(outfitImage,outfitImage.Bounds(),generatorImage,image.ZP,draw.Over)在模板上绘制然而，这给出了一个非常奇怪的结果(与预期结果相去甚远)，这就是我替换像素的方式funcpaintPixels(img*image.NRGBA,basecolor.Color,dstcolor.Color){br,bg,bb,ba:=base.RGBA()dr,dg,db

  6. Flutter实现文件上传华为对象存储(OBS) - 2

      本文主要讲述在Flutter项目中如何实现将文件上传到华为OBS（对象存储）中，并封装为三方库方便灵活使用。背景介绍  在大多项目中都会存在文件上传的需求，之前的实现都是调用后台的文件上传接口将文件上传到服务器上，但是这样会存在一个问题，因为文件上传会占用带宽导致在文件上传中调用其他接口的时候就会存在访问慢的情况，解决方案当然是升级带宽或者单独使用一台服务器作为文件服务，而且要带宽足够大不然上传下载的时候会很慢，但是这样两种方案成本都比较高。随着云计算的到来，各大云服务商都提供了对象存储的服务，费用便宜、带宽高、不影响业务系统而且提供了很多附加功能，比如图片处理、图片鉴黄等功能。  因目前

  7. Flutter项目 - 2

    一、项目简介本节的学习目标是通过Flutter技术，实现仿拉勾教育App的效果。其主要的UI效果如下:二、初始化项目初始化项目fluttercreateflutter_project修改文件flutter项目/android/build.gradle，把google()和jcenter()这两行去掉。改为阿里的镜像地址。//google()//jcenter()maven{url'https://maven.aliyun.com/repository/google'}maven{url'https://maven.aliyun.com/repository/jcenter'}maven{url

  8. Python画图之散点图（plt.scatter） - 2

            散点图的应用很广泛，以前介绍过很多画图方法：Python画图（直方图、多张子图、二维图形、三维图形以及图中图），漏掉了这个，现在补上，用法很简单，我们可以help(plt.scatter)看下它的用法：Helponfunctionscatterinmodulematplotlib.pyplot:scatter(x,y,s=None,c=None,marker=None,cmap=None,norm=None,vmin=None,vmax=None,alpha=None,linewidths=None,verts=None,edgecolors=None,hold=None,da

  9. c# - 对于 Int32 值太大或太小 - 2

    这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:Whatisthemaximumvalueforaint32?Mobileno=Convert.ToInt32(txmobileno.Text);插入数据库时​​出现错误

  10. c# - 如何在Windows桌面上直接画图，C#？ - 2

    这个问题已经被问到其他语言，甚至对于那些其他语言，我发现他们的答案缺乏如何准确地做到这一点，干净利落(没有困惑的屏幕重绘等)。是否可以从C#绘制到Windows桌面？如果可能的话，我正在寻找一个例子。 最佳答案 尝试以下操作:usingSystem;usingSystem.Drawing;usingSystem.Drawing.Drawing2D;usingSystem.Runtime.InteropServices;classProgram{[DllImport("User32.dll")]staticexternIntPtrGe

随机推荐