用拖拉实现设备驱动配置（EsayHMI最新驱动配置方式）

最新推荐文章于 2019-01-23 14:12:21 发布
最新推荐文章于 2019-01-23 14:12:21 发布 · 88 阅读 · 0

针对原有IOServer在配置上的不足，新版采用更直观的方式提升用户体验。通过拖拽操作完成驱动配置，并支持直接在属性框或表格中编辑IO变量。
部署运行你感兴趣的模型镜像

以前的IOServer 是用VB6开发，驱动的配置方式和一般的组态软件没有什么很大的区别，配置起来比较麻烦，对一般的生手来说，要费一番功夫才能配置完毕。

总觉得原有的程序和目前的HMI图元配置环境格格不入，所以重新编写了驱动的配置，配置界面如下图所示，直接把驱动拖拉到相应的端口即可（如果端口不支持该驱动，程序会显示"×"号，提示不能拖入）。

IO变量的配置也比以前有了突破，即能在属性框编辑，也能在表格里直接编辑。

您可能感兴趣的与本文相关的镜像

GPT-SoVITS

GPT-SoVITS

AI应用

GPT-SoVITS 是一个开源的文本到语音（TTS）和语音转换模型，它结合了 GPT 的生成能力和 SoVITS 的语音转换技术。该项目以其强大的声音克隆能力而闻名，仅需少量语音样本（如5秒）即可实现高质量的即时语音合成，也可通过更长的音频（如1分钟）进行微调以获得更逼真的效果

iteye_11067
关注
用EasyHMI做的工程示例一览
gfuugfd的博客
11-11 929
用EasyHMI做的工程示例一览
Spring-Boot驱动的农业数字化服务平台_农机在线租赁与智能调度系统_连接农机主与农户实现农业机械资源优化配置_涵盖拖拉机收割机播种机等多种设备管理_提供按时计费按亩计费等灵.zip
最新发布
12-02
Spring-Boot驱动的农业数字化服务平台_农机在线租赁与智能调度系统_连接农机主与农户实现农业机械资源优化配置_涵盖拖拉机收割机播种机等多种设备管理_提供按时计费按亩计费等灵.zip
嵌入式EasyHMI V0.1版终于推出，C＃真是软件开发的利器
weixin_34307464的博客
11-19 456
 这段时间就和闭关一样，连续几周一直在开发嵌入式EasyHMI，从架构到具体的代码，有上位机的IDE开发环境到WinCE上的运行时环境，有TCP/IP、COM通信，有多线程，多缓存图形处理，XML序列化，有EVC，有C＃，有.net2.0的框架集，有.net2.0精简框架集，一时云集，一阵天昏地暗之后终于成型，是可喜可贺，但腰酸背疼的不得了。       不过这里不得不要夸C＃两句，C＃真是我目...
25马力拖拉机最终传动及驱动轴设计.rar
05-14
在设计时，常采用多节式结构，通过关节轴承或万向节来实现驱动轴的灵活性。 在视频文件25马力拖拉机最终传动及驱动轴设计.mp4中，可能详细介绍了该类型拖拉机的设计过程、关键零部件的选型与计算以及实际装配过程。...
28马力轮式拖拉机最终传动及驱动轴设计.rar
05-14
4. 驱动轴设计：驱动轴的设计需要考虑强度、刚度以及其与传动系统和驱动轮的连接方式。它必须能够承受工作过程中产生的各种动态负载和冲击载荷。 5. 整体布局：拖拉机的最终传动和驱动轴设计还要考虑到整机的空间...
25马力拖拉机最终传动及驱动轴设计cad图纸毕业生设计书.zip
04-25
拖拉机的最终传动和驱动轴设计是整机设计中的关键技术环节，其设计质量直接关系到拖拉机的动力输出效率、作业稳定性和使用寿命。在设计过程中，工程师需要综合运用机械设计原理、材料科学知识和动力学分析等多学科的...
基于知识的拖拉机前驱动桥智能化设计系统的研究.pdf
09-07
开发这样的智能化设计系统可以强化设计知识的传承和再利用，从而实现拖拉机前驱动桥的智能化设计，为前驱动桥设计提供可靠的技术支持。 在这个系统中，知识工程是核心，它涉及从各种来源获取专业知识，包括设计规范...
免费工控控件.zip
07-04
含EasyChart，仪表盘、LED灯、开关按钮等几十个控件，希望能帮助工控方面的开发人员加快开发速度。
嵌入式EasyHMI V0 1版终于推出，C＃真是软件开发的利器
gfuugfd的博客
01-23 878
嵌入式EasyHMI V0 1版终于推出，C＃真是软件开发的利器
叶帆工控自动化一览
热门推荐
叶帆工作室
01-11 1万+
        粗粗算来，自己在工控领域竟做了近七年之久。虽说目前研究的嵌入式系统和工控有千丝万缕的联系，不过已经离第一线已经有些距离了，希望今后嵌入式研究有所心得之时，还能重回工控自动化第一线。      下面就是工控这些年的点滴收获... ... 一、工控自动化共享软件      1、西门子PPI工控控件         【相关介绍】                  
.Net桌面程序的旗舰--参加亚控科技组态王7.0发布有感
叶帆工作室
04-18 6473
       昨天参加了亚控科技在翠宫饭店举办的“突破科技、面向未来—2008北京亚控科技巡展” ，说实在的，这并不是组态王7.0的发布会，没有演示，没有Dome光盘，只是通过PPT简单的讲了一下组态王7.0的特性，想必组态王7.0的发布日期又一次跳票了。不知道为什么亚控科技刻意回避组态王7.0在.net平台下开发，我想一个原因是他们采用VS2003开发，.Net Framework版本最
最简单的自定义控件
Foreverㄨ天境的博客
08-07 589
自定义控件，是安卓开发中的一个亮点，这里介绍了一个简单的自定义控件，希望能给你们带来一些思路。请各位大神补充，留言哦。
EasyUIControl(一个可以简化ui界面的组件库
枫岭晚
06-30 1013
EasyUIControl(一个可以简化ui界面的组件库）   (在iOS代码库中浏览本帖) 关键字：ui 界面 uicontrol uiview autolayout 布局 框架代码类库：其他(Others)GitHub链接：https://github.com/sx1989827/EasyUIControl 众所周知，ios的界面开发比重占了大约整个开发的50%，本组件旨在
antv x6 interactin 怎么配置节点可以拖拉实现缩放的功能
10-14
<think>嗯，用户这次问的是在AntV X6中如何实现节点通过拖拉来缩放的功能。从对话历史看，用户之前已经接触过节点选择、视图拖拽等基础功能，现在需要更高级的交互操作。 用户提供的三个引用中，第一条提到了视图拖拽（但不是节点缩放），第二条展示了节点增删改的逻辑，第三条倒是提到了控制节点拖动的模式切换。虽然没直接提到节点缩放，但第三条关于动态设置mode的机制很有参考价值——这说明X6的行为模式是可以动态调整的。 回忆X6的文档，节点缩放通常有两种实现路径： 1）通过插件体系：比如transform插件提供缩放控制点 2）自定义交互：用mouseenter/mouseleave事件监听+画布缩放API 用户显然更需要开箱即用的解决方案，所以应该优先推荐插件方案。不过要注意，引用内容里提到的setMode方法暗示了可能需要混合使用插件和自定义模式，这点要在示例代码里体现。 用户上次的问题涉及节点全选和视图拖拽，这次突然转向节点缩放，可能是想实现类似流程图软件中"选中节点后自由调整大小"的效果。需要强调缩放功能本身针对的是单个节点，但可以通过selection插件批量操作。 技术实现上需要分三层说明： - 基础层：激活插件 - 控制层：限制缩放边界（避免缩太小） - 扩展层：如何与现有功能（如视图拖拽）共存 最后生成的三个问题都带有递进关系：从基础配置（第一问）到特殊场景处理（第二问）再到企业级应用（第三问），这样既能解决当前问题又能延伸学习路径。特别要注意第三个问题要关联用户之前问过的"节点全选"场景，保持知识连贯性。 </think>在 AntV X6 中实现节点通过**拖拉实现缩放功能**，需结合 `@antv/x6-plugin-transform` 插件。以下是完整配置方法： --- ### 核心步骤 1. **安装插件** 需单独安装 Transform 插件： ```bash npm install @antv/x6-plugin-transform ``` 2. **引入并启用插件** ```javascript import { Graph } from '@antv/x6'; import { Transform } from '@antv/x6-plugin-transform'; const graph = new Graph({ container: document.getElementById('container') }); // 启用 Transform 插件（核心） graph.use( new Transform({ resizing: true, // 开启节点缩放 rotating: false // 按需关闭旋转 }) ); ``` 3. **配置节点可缩放** 在节点定义中设置 `resizable` 属性： ```javascript graph.addNode({ id: 'node1', x: 100, y: 100, width: 100, height: 40, shape: 'rect', attrs: { label: { text: '拖我缩放' } }, resizable: true // 关键：允许缩放 }); ``` 4. **限制缩放比例（可选）** 通过 `resize` 属性设置边界： ```javascript graph.addNode({ // ...其他参数 resize: { minWidth: 50, // 最小宽度 maxWidth: 200, // 最大宽度 minHeight: 30, // 最小高度 maxHeight: 100 // 最大高度 } }); ``` --- ### 自定义缩放控制点 ```javascript new Transform({ resizing: { enabled: true, // 自定义控制点位置（上、右、下、左、四角） handles: ['top', 'right', 'bottom', 'left', 'top-right', 'bottom-right'] } }); ``` --- ### 与其他交互共存 若需**同时支持缩放与禁止拖拽**（参考引用[3]）： ```javascript // 禁止节点拖拽 graph.use( new Transform({ resizing: true, moving: false // 关闭移动 }) ); // 动态模式切换（如允许缩放但禁止拖拽） graph.setMode({ default: { allowMoving: false, // 禁止拖拽 allowResizing: true // 允许缩放 } }); ``` --- ### 效果说明 - 节点边缘出现**缩放控制点**（默认显示四角） - 拖动控制点可调整节点尺寸 - 配合 `resize` 参数可限制缩放范围 > ⚠️ **注意**：若缩放未生效，请检查： > 1. 插件是否成功注册 `graph.use(new Transform())` > 2. 节点配置中 `resizable: true` 是否开启 > 3. CSS 是否覆盖了控制点样式（默认白色方块） --- ### 完整示例代码 ```javascript import { Graph } from '@antv/x6'; import { Transform } from '@antv/x6-plugin-transform'; // 初始化画布 const graph = new Graph({ container: document.getElementById('graph'), grid: true }); // 启用缩放插件 graph.use(new Transform({ resizing: true })); // 添加可缩放节点 graph.addNode({ id: 'node1', x: 50, y: 50, width: 80, height: 40, shape: 'rect', attrs: { body: { fill: '#ecf5ff' }, label: { text: '缩放我' } }, resizable: true, // 启用缩放 resize: { minWidth: 50, minHeight: 30 } // 缩放边界 }); ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值