fitten code插件在qt design studio 4.8.1+中支持.ui文件qml逻辑自动生成与自然语言补全。需安装.qtp插件包,为控件设置语义化objectname后,通过“auto-generate qml skeleton”生成骨架,并用三种方式填充业务逻辑,支持解释、编辑与热重载调试。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在Qt Design Studio中启用Fitten Code插件
Qt Design Studio 4.8.1及以上版本原生支持第三方AI插件扩展,Fitten Code已适配其插件生命周期管理机制。打开Qt Design Studio → 顶部菜单栏点击“Help” → “About Plugins” → 在弹出窗口右下角点击“Install Plugin from File”。
从官网下载最新版 【fitten-qt-studio-2026.6.qtp】 插件包(注意后缀必须为.qtp,非VSCode的.vsix),双击安装后重启软件。重启后若左下角状态栏出现“Fitten AI Ready”提示,说明加载成功。
为.ui文件绑定QML逻辑模板
在项目资源浏览器中右键点击目标.ui文件(例如 login_window.ui)→ 选择“Open in Qt Quick Designer”。此时界面右侧属性面板下方会多出一个“Fitten Logic”标签页。
点击该标签页 → 点击“Auto-generate QML skeleton”按钮 → 插件自动解析.ui中所有控件命名(如 userEdit、loginBtn)、信号连接关系(如 clicked()、textChanged())并生成结构清晰的QML逻辑骨架。这一步会创建同名.qml文件(如 login_window.qml),且保留原始.ui的布局层级。
若.ui中未规范命名控件(例如默认名为 pushButton_3),Fitten Code将无法准确推断语义,【必须先在Qt Designer中双击控件修改objectName为语义化名称】,否则生成的逻辑代码将大量使用无意义占位符。
用自然语言填充具体业务逻辑
方法一:聚焦QML编辑器 → 选中某段信号处理区域(如 onAccepted: { })→ 右键选择“Fitten Code – Fill logic with prompt”。
方法二:点击左侧工具栏Fitten图标 → 选择“Insert Logic Block” → 在弹出输入框中输入:“当用户点击登录按钮时,校验用户名非空且密码长度≥6,通过则调用backend.login()并显示加载动画,失败则弹出红色错误提示”。
方法三:在QML文件任意空白处按下快捷键 Ctrl+Alt+L(Windows/Linux)或 Cmd+Option+L(macOS),直接唤起逻辑补全浮层,输入中文指令即可实时渲染代码片段。
生成的代码会自动注入信号槽绑定、属性绑定和异步调用链,无需手动写 Connections 或 Timer。但注意:Fitten Code不会自动引入未在.ui中声明的类(如 BackendService),需开发者提前在 import 语句中补全。
调试与微调已生成的逻辑
第一步:在QML编辑器中选中刚生成的 loginBtn.onClicked 块 → 右键选择“Fitten Code – Explain this logic”。
第二步:阅读解释后,若发现校验逻辑遗漏了邮箱格式判断,直接在解释窗口下方输入“补充邮箱正则校验:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/” → 点击“Apply Edit”。
第三步:Fitten Code将仅重写该函数内校验部分,保留原有 backend.login() 调用和 loading 动画逻辑,不破坏已有结构。
第四步:按 Ctrl+R 在模拟器中运行,观察控制台是否输出“[Fitten] Logic patch applied to loginBtn.onClicked”。该日志表示热重载生效,无需重新编译整个项目。











