(资料图片)

概述

今天介绍一种关于字体的新的效果，用 QML 实现阴影效果字体。

正文

废话不多说，先看效果：

其中字体颜色和阴影颜色都可以自定义，已经封装起来了。

直接看代码吧：

Item {    id: root    implicitHeight: labelTextMetrics.tightBoundingRect.height    implicitWidth: label.implicitWidth    property alias text: label.text    property alias font: label.font    property alias horizontalAlignment: label.horizontalAlignment    property alias verticalAlignment: label.verticalAlignment    property bool glowEnabled: true    property color glowColor: \"#1d6d64\"    Label {        id: label        anchors.baseline: root.baseline        color: root.color        layer.enabled: root.glowEnabled        layer.effect: Glow {            color: glowColor            samples: 20            spread: 0.3        }        TextMetrics {            id: labelTextMetrics            text: label.text        }

直接拿来用就可以了。

【领 QT开发教程 学习资料， 点击下方链接莬费领取↓↓ ，先码住不迷路~】

点击这里：