Qt Design Studio中C++处理QML鼠标点击交互的正确工作流

问题核心是Qt Design Studio的.ui.qml文件属于声明式UI描述文件，仅支持布局、样式和属性设置，不允许包含函数调用、脚本逻辑等代码，这就是你看到"Functions are not supported in a UI file"提示的原因。要解决批量按钮的逻辑复用和预览问题，采用「样式组件+逻辑组件分离」的工作流即可：

1. 创建带逻辑的可复用按钮组件 #

在Qt Creator中新建普通QML文件（比如命名为ClickableButton.qml），将按钮样式与点击逻辑封装在一起：

import QtQuick 2.15

// 继承你在Qt Design Studio中设计的样式组件ButtonStyleA
ButtonStyleA {
    // 定义可配置的按钮标识属性，在Design Studio中可直接编辑
    property string buttonTag: ""

    onClicked: {
        // 兼容Design Studio预览：判断BCH是否存在，避免预览时报错
        if (typeof BCH !== "undefined") {
            BCH.buttonClicked(buttonTag)
        }
    }
}

2. 在Qt Design Studio中使用逻辑组件 #

• 将ClickableButton.qml导入到Qt Design Studio项目中（通过「添加现有文件」或配置QML导入路径）。
• 设计界面时，直接拖入ClickableButton组件，在属性面板中设置text和buttonTag（比如把buttonTag设为"Button 1"）。
  此时Design Studio能正常渲染按钮样式，且因为有typeof判断，预览时不会因找不到BCH而报错。

3. 项目同步与维护 #

• Qt Design Studio专注于：设计纯样式组件（如ButtonStyleA）、搭建界面布局、设置按钮的文本和标识属性。
• Qt Creator专注于：维护ClickableButton.qml这类带逻辑的组件、编写C++后端代码。
• 同步UI文件时，直接将Design Studio中的.ui.qml文件复制到Qt Creator项目即可，无需手动添加onClicked代码——逻辑已经封装在ClickableButton里了。

额外优化：避免手动复制文件 #

可以在Qt Creator的资源文件（.qrc）中直接引用Design Studio项目里的UI文件，实现双向同步：

<qresource prefix="/">
    <!-- 路径根据你的项目结构调整 -->
    <file alias="ui/MainView.ui.qml">../QtDesignStudioProject/ui/MainView.ui.qml</file>
</qresource>

这样两边修改UI后无需手动复制，直接生效。

内容的提问来源于stack exchange，提问作者CHollman82