《我在技术交流群算命》(三):QML的Button为什么有个蓝框去不掉啊(QtQuick.Controls由Qt5升级到Qt6的异常)

有群友抛出类似以下代码和运行效果截图:

cpp 复制代码
import QtQuick
import QtQuick.Controls

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Button
    {
        anchors.centerIn: parent
        width: 100
        height: 40

        background: Rectangle {
            color: "red"
        }
    }
}

并提问(群友原话):

  • 这个为什么有蓝框
  • qml里边
  • 有人知道吗
  • 咋去掉

粗略一看,我寻思这莫不是消遣我?就这几行 QML 怎么可能出问题。但为了堵住群友的嘴,于是也建了个新工程加入以上代码,运行良好,截图发给群友以证明是群友人的问题。运行效果如图:

谁知群友看了后仍然是叫苦不迭,让人有点疑惑。仔细查看代码后,发现群友代码中对 QtQuick 控件的包含为:import QtQuick.Controls,于是明白群友是 Qt6 的环境(Qt5 import 组件需要加入版本号),切换 Qt6 环境后,复现了群友的问题,并发现控制台运行时报错:

qrc:/xx/Main.qml:16:21: QML QQuickRectangle: The current style does not support customization of this control (property: "background" item: QQuickRectangle(0x14f497fe250, parent=0x0, geometry=0,0 0x0)). Please customize a non-native style (such as Basic, Fusion, Material, etc). For more information, see: https://doc.qt.io/qt-6/qtquickcontrols2-customize.html#customization-reference

由于没怎么用 Qt6 的 QtQuick,所有此错误还是第一次遇到,根据提示复制错误中最后的链接,看到Qt官方文档中如下内容:

给出的样例中,import 组件使用的是:

复制代码
import QtQuick.Controls.Basic

与Qt5不同的是,对 QtQuick.Controls 的引入后面加了 .Basic,查看文档上下文,大概意思就是可以自定义 style,Basic 可看做 Qt5 QtQuick.Controls 的默认 style,不加 .Basic 的情况下,以WIndows操作系统为例,会认为你默认使用了.Windows,而这种 style 不支持覆盖 background 属性,如图加入 .Windows 后 IDE 给出警告:

修改为 import QtQuick.Controls.Basic 就可正常运行。

看来 Qt6 对 QtQuick 的大改,所言非虚。群友终于有用了一回。

相关推荐
T0uken15 分钟前
【C++】LLVM-mingw + VSCode:Windows 开发攻略
c++·windows·vscode
MetaverseMan26 分钟前
Golang单例模式和工厂模式详解
开发语言·golang·适配器模式
pursue.dreams28 分钟前
腾讯开源智能体框架Youtu-agent全解析:特性、架构与实战指南
开源·智能体·youtuagent
先做个垃圾出来………29 分钟前
Dify开源AI框架介绍
人工智能·开源
杏花春雨江南40 分钟前
Spring Cloud Gateway 作为一个独立的服务进行部署吗
java·开发语言
GSDjisidi41 分钟前
东京本社招聘 | 财务负责人 & 多个日本IT岗位(Java/C++/Python/AWS 等),IT营业同步招募
java·开发语言·aws
skywalk816342 分钟前
copyparty 是一款使用单个 Python 文件实现的内网文件共享工具,具有跨平台、低资源占用等特点,适合需要本地化文件管理的场景
开发语言·python
BYSJMG1 小时前
计算机毕设选题:基于Python+MySQL校园美食推荐系统【源码+文档+调试】
大数据·开发语言·python·mysql·django·课程设计·美食
Zz_waiting.1 小时前
案例开发 - 日程管理 - 第七期
开发语言·前端·javascript·vue.js·html·路由
writeone1 小时前
9-10关于JS初学产生的问题
开发语言·javascript·ecmascript