QML文字灰飞烟灭效果

原创

已于 2023-06-13 19:41:26 修改 · 229 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#c++ #qt #开发语言

于 2023-06-12 20:27:00 首次发布

该文章介绍了如何使用QtQuick的Particles模块创建一个文字转化为烟雾并随风飘散的视觉效果。通过粒子系统、Emitter和Turbulence组件，结合动画控制，使文字逐渐消失，模拟烟雾飘散的过程，最终达到文字仿佛化为一缕青烟的效果。

1，目的

实现文字化作一缕青烟随风而逝的效果。

2，设计分析

在前面的章节中讲述了如何化作光斑碎片逐渐消失的效果，我们可以借鉴它将光斑换成烟雾，再加入端流产生微风浮动，加上字幕的减淡消失，最终组合成文字化作一缕青烟随风而逝的效果。

3，设计内容

我们先来看看效果

图1

首先创建一个480*240的窗口，背景色设置为深灰黑#1f1f1f，文字配置居中、白色、粗体、微软雅黑、64号。

import QtQuick 2.4
import QtQuick.Window 2.2

Window {
    visible: true

    width: 480
    height: 240

    Rectangle {
        id: root
        anchors.fill: parent
        color: "#1f1f1f"
        
        Text {
            id:myText
            anchors.centerIn: parent
            text: "Hello world!"
            font.bold: true
            font.pixelSize: 64
            font.family: "微软雅黑"
            color: "#ffffffff"
            opacity: 1;
        }
    }
}