目录
-
- Demo 1 呼吸灯
-
- 演示代码
- 关键逻辑解析
- Demo 2 霓虹发光
-
- 演示代码
- 关键逻辑解析
- Demo 3 模糊聚焦
-
- 演示代码
- 关键逻辑解析
- 运行验证
- 扩展复用方向
- 工程下载
发光和模糊效果能让文字在暗色背景下更突出。呼吸灯用多层偏移副本模拟柔和光晕；霓虹发光用撞色叠加和描边模拟招牌灯管；模糊聚焦则通过散射副本实现从虚到实的镜头感。三者都不依赖第三方效果库，只用多个 Text 叠加就能完成。
涉及的核心知识点：
- 多层 Text 叠加制造发光
- Text.Outline 描边增强霓虹感
- 偏移副本模拟模糊散影
- NumberAnimation 驱动发光强度和模糊量
Demo 1 呼吸灯
呼吸灯通过 6 个围绕中心偏移的半透明文字副本，叠加出柔和的发光区域，主文字位于最上层。
以下演示代码来自 qml_text/Demo_TextBreathGlow.qml，为便于阅读，只展示了关键代码。
演示代码
import QtQuick
import QtQuick.Layouts
DemoPage {
id: root
title: \”呼吸灯\”
desc
