Qt QML实现阴影字体

(资料图)

概述

今天介绍一种关于字体的新的效果，用 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开发教程 学习资料， 点击下方链接莬费领取↓↓ ，先码住不迷路~】

点击这里：

关键词：

推荐DIY文章

主机存在磨损或划痕风险 PICO4便携包宣布召回

穿越湖海！特斯拉Cybertruck电动皮卡可以当“船”用

vivoXFold+折叠旗舰开售 配备蔡司全焦段旗舰四摄

飞凡R7正式上市 全系标配换电架构

中兴Axon30S开售 拥有黑色蓝色两款配色

荣耀MagicBookV14 2022正式开售 搭载TOF传感器