概述

前面寫過一篇文章介紹如何使用 QML 做漸變色字體，文章在這里，還寫過一篇文章是用 QML 實現發光呼吸動畫字體，文章在這里。今天介紹一種關于字體的新的效果，用 QML 實現陰影效果字體。

正文

廢話不多說，先看效果：

其中字體顏色和陰影顏色都可以自定義，已經封裝起來了。
直接看代碼吧：

Item {id: rootimplicitHeight: labelTextMetrics.tightBoundingRect.heightimplicitWidth: label.implicitWidthproperty alias text: label.textproperty alias font: label.fontproperty alias horizontalAlignment: label.horizontalAlignmentproperty alias verticalAlignment: label.verticalAlignmentproperty bool glowEnabled: trueproperty color glowColor: "#1d6d64"Label {id: labelanchors.baseline: root.baselinecolor: root.colorlayer.enabled: root.glowEnabledlayer.effect: Glow {color: glowColorsamples: 20spread: 0.3}TextMetrics {id: labelTextMetricstext: label.textfont: label.font}transform: Translate {y: -labelTextMetrics.tightBoundingRect.y}} }

直接拿來用就可以了。
示例代碼在這里

總結

以上是生活随笔為你收集整理的Qt QML实现阴影字体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。