如何修改Flet框架中的加载Logo及添加自定义动画？

替换默认加载Logo #

• Flet允许通过page.splash属性完全替换默认的加载Logo。你只需创建自定义的视觉组件（比如Image或Container），将其赋值给page.splash即可。示例代码：

import flet as ft
import time

def main(page: ft.Page):
    # 设置自定义加载Logo
    page.splash = ft.Image(
        src="your_custom_logo.png",
        width=120,
        height=120,
        fit=ft.ImageFit.CONTAIN
    )
    page.update()

    # 模拟后台加载耗时操作
    time.sleep(2)
    
    # 加载完成后隐藏splash
    page.splash = None
    page.add(ft.Text("应用加载完成"))

ft.app(target=main)

• 注意：page.splash会在页面初始化阶段显示，直到你主动将其设为None或替换为其他内容。

添加自定义动画效果 #

• 你可以为自定义splash组件搭配Flet的动画组件，实现自定义加载动画。比如使用AnimatedScale、AnimatedRotation或AnimatedOpacity来赋予Logo动态效果，示例如下：

import flet as ft
import time

def main(page: ft.Page):
    # 带往复缩放动画的自定义Logo
    animated_splash = ft.AnimatedScale(
        content=ft.Image(src="your_custom_logo.png", width=120, height=120),
        scale=1.2,
        duration=1000,
        repeat=True,
        reverse=True
    )
    page.splash = animated_splash
    page.update()

    # 模拟加载过程
    time.sleep(3)

    page.splash = None
    page.add(ft.Text("加载完成！"))

ft.app(target=main)

• 也可以组合多个动画组件，或者搭配ProgressRing这类自带动画的组件，打造更复杂的加载交互效果。

内容的提问来源于stack exchange，提问作者Pranav Krishna S