QT Demo 之 window(2) Splash

最新推荐文章于 2025-01-16 11:35:22 发布

原创

最新推荐文章于 2025-01-16 11:35:22 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#QT #demo #源码分析 #window #splash

本文详述了如何在QT中使用Splash.qml创建自定义的启动界面，包括设置窗口位置、大小，显示图片，以及利用Timer实现隐藏效果。通过分析源码，展示了Window的显示与隐藏控制，同时探讨了如何利用Signal响应函数来完成Splash Screen的退出操作，提升用户启动体验。

在QT Demo 之 window一章我们学习了在C++层的QQuickWindow的一些知识，这一章我们重点看一下源码中的Splash.qml文件，该文件给我们演示了如何使用splash screen来显示应用的启动及界面。

关于应用的启动界面，有一个最直观也是比较常见的例子就是photoshop，下图就是PS启动时显示的界面：

在这个例子里也是先显示一个Qt的Logo，然后再进入到主应用窗口中。

源码结构

Splash.qml实现了一个自定义的window来完成Splash screen的功能，其中包括一个Image和Timer：

Window {
    id: splash
    color: "transparent"
    title: "Splash Window"
    modality: Qt.ApplicationModal
    flags: Qt.SplashScreen
    property int timeoutInterval: 2000
    signal timeout

    x: (Screen.width - splashImage.width) / 2
    y: (Screen.height - splashImage.height) / 2
    width: splashImage.width
    height: splashImage.height

    Image {...}
    Timer {...}

    Component.onCompleted: visible = true
}<