跳到主要内容

Lottie

显示来自 Lottie 文件(URL 或本地文件)的动画。

:::信息 打包 若要构建使用Lottie控件的 Flet 应用程序,可在flet build命令中添加--include-packages flet_lottie,例如:

flet build apk --include-packages flet_lottie

:::

例子

import flet as ft

def main(page: ft.Page):
page.add(
ft.Lottie(
src='https://raw.githubusercontent.com/xvrh/lottie-flutter/master/example/assets/Mobilo/A.json',
repeat=False,
reverse=False,
animate=True
)
)

ft.app(target=main)

属性

animate

动画是否应自动播放。默认值为 True

background_loading

动画是否应在后台加载。

filter_quality

图像图层的质量。值为 FilterQuality 枚举类型。默认为 LOW

fit

如何将 Lottie 组合置入布局期间分配的空间中。

属性值为 ImageFit 枚举类型。

repeat

动画是否应在循环中重复播放。默认值为 True

如果 animateFalse,则无效。

reverse

动画是否应以反向方式播放(从开头到结尾,然后从结尾连续到开头)。默认值为 False

如果 animaterepeat 均为 False,则无效。

src

Lottie 文件的来源。可以是 URL 或本地资产文件。有关资产的更多信息,请参阅 Image.src

src_base64

Lottie 文件的 base64 编码字符串。必须提供此项或 src。如果两者都提供,则优先使用 src_base64

事件

on_error

当加载 Lottie 文件时发生错误时触发。