TDFH SMART TOUCH SCREEN

TDFH 智能触控屏

把屏幕变成"乐高"，想怎么搭就怎么搭。界面原子化自定义，拖拽式设计，零代码完成专业级界面。

打开设计工具 了解功能
TDFH 设计工具
界面原子化自定义
开关
亮度
温度
窗帘
场景
音乐
按钮
开关
文本
进度条
实时预览
拖拽控件 → 实时预览 → 一键部署
CORE FEATURES

为什么选择 TDFH 触控屏？

不是简单的"换皮肤"，而是让你完全掌控屏幕的每一个像素。像搭积木一样设计界面，零代码完成专业级产品。

界面原子化自定义 把屏幕切成无数个"积木块"。开关、文字、滑块、图片...每个元素都是独立的"原子"，想怎么摆就怎么摆，灵活到像素级。
拖拽式设计，零代码 像搭积木一样设计界面。拖拽控件 → 摆放到想要的位置 → 完成。不需要写一行代码，5分钟就能做出专业级界面。
支持自上传图片素材 系统图标不够直观？上传任何图片！把开关换成灯具实物图，看图操作，老人小孩零失误。把房间入口换成家人头像，满满仪式感。
一站搞定，不用来回切换 From screen design to device deployment, all completed on one workbench. No need to switch between multiple software tools, 10x efficiency.
WORKBENCH

工作台已就绪

面向工业触摸屏的 Web 图形界面设计工具，覆盖模板、资源、变量、协议、仿真与固件输出。

01 画面设计
拖拽控件、智能吸附、图层管理与多页面编排
02 变量与通讯
统一配置变量映射与设备通讯协议
03 在线仿真
在浏览器中验证画面、变量与事件交互
04 输出部署
完成预览、工程导出与固件升级包构建
QUICK START

4 步快速开始

01 · 创建模板 选择屏幕尺寸与芯片型号，一键创建项目
02 · 设计画面 配置控件、变量与事件，拖拽式设计
03 · 仿真调试 验证交互与通讯逻辑，实时预览效果
04 · 导出部署 输出工程或固件升级包，一键部署到设备
AI ASSIST

AI 帮你画组态画面

不用从空白画布开始。用一句话描述需求或粘贴设备点位表，AI 自动生成控件布局、变量绑定与事件逻辑，几分钟产出可仿真工程。

自然语言生成界面 描述"温度监控 + 开关控制"，AI 直接生成整套交互画面，零基础也能上手。
自动绑定 Modbus 变量 导入寄存器地址表，AI 自动把控件映射到对应保持寄存器 / 线圈，省去手动连线。
智能布局适配 AI 按屏幕尺寸与控件数量推荐排布，手机、工控屏、壁挂面板一套工程多端适配。
对话式迭代 用聊天方式增删控件、改颜色、调逻辑，所见即所得，不用反复导出。
MCP INTEGRATION

开放 MCP 接口，接入你的 AI 工作流

TDFH 提供标准 MCP Server，让 Claude、Cursor 等任意支持 MCP 的 AI 客户端直接读写你的组态工程，把画界面变成一句话的事。

标准 MCP Server 暴露工程 / 画面 / 变量为 MCP 资源，AI 客户端零配置接入，即插即用。
双向同步 AI 生成的画面直接写回工程文件，无需手动导出导入，闭环开发。
工具调用 AI 通过 MCP 工具创建控件、绑定寄存器、触发在线仿真，全程可编程。
本地优先 支持私有化部署，工程数据留在内网，满足工控安全合规。
TUTORIALS

教程文档

从入门到精通，快速掌握 TDFH 触控屏开发

GUI Designer仿真调试使用手册 1.功能概述 在实际调试过程中，我们可以通过 TDFHUI ... GUI Designer弹出窗和悬浮窗使用手册 1.弹出窗和悬浮窗介绍 弹出窗和悬浮窗都是以小窗口显示，起到... GUI Designer快速界面布局使用手册 1.界面布局介绍 在同一个窗口中，放置控件时可能出现杂乱无章... GUI Designer列表控件使用手册 1.列表控件介绍 列表控件用于不确定内容但是又拥有相同控件以... GUI Designer圆形指针仪表使用手册 1.圆形指针仪表介绍 圆形指针仪表常应用于有表盘显示的情况当... GUI Designer圆形时钟使用手册 1.圆形时钟介绍 圆形时钟为系统时间显示以圆形时钟表进行显示... GUI Designer RGB设置（色盘）使用手册 1.RGB 设置 (色盘) 功能概述 RGB 设置 (色盘)... GUI Designer二维码控件使用手册 1.二维码控件介绍 二维码是一种能储存信息的特定格式图片，二... GUI Designer滑屏控件使用手册 1.滑屏控件和滑屏子控件介绍 “滑屏控件”用于一个窗口，但是... GUI Designer输入框使用手册 1.输入框介绍 输入框搭配键盘使用，用户可通过键盘在输入框输... GUI Designer定时器使用手册 1.定时器介绍 定时器功能为设备在设置定时器后在预设的时间段... GUI Designer圆形滑动条控件使用手册 1.圆形滑动条介绍 圆形滑动条与滑动条相同，可应用于温度、音... GUI Designer滑动条控件使用手册 1.滑动条介绍 滑动条可应用于温度、音量和亮度等调节功能当中... GUI Designer时间设置及显示 1.时间显示介绍 时间显示即显示当前系统的时间，时间显示通过... GUI Designer文字控件使用手册 1.文字控件介绍 文字控件是用于显示数值、提醒和时间等，应用... GUI Designer自定义协议使用手册 1. 自定义协议指令介绍 自定义指令是为了方便用户在使用过程... GUI Designer按钮类控件使用手册 1.如何添加按钮类控件 点击快捷栏或工具箱对应图标可进行添加... GUI Designer软件中变量的应用 1.变量的定义 TDFHUI 编辑工具中的变量是指在工作时其... GUI Designer软件入门教程 软件说明 1.1 软件介绍 GUI Designer 软件配...

准备好开始了吗？

立即访问 TDFH 设计工具，创建你的第一个智能触控界面

打开设计工具 查看 Modbus 组态串口屏