- 博客(144)
- 资源 (38)
- 收藏
- 关注
原创 矢量图标和渲染元素图标在运行状态graphView缩放时如何保持矢量图标的原始字体大小
(注意,新版升级后,嵌套图纸的按下事件是否停止冒泡,已经不交给initGVLoadedRunning的传参来控制了,默认自动识别根据图元的可选中属性来确定是否停止冒泡,不可选中就继续冒泡,可选中就停止冒泡,这样也兼容了滑动组件的事件响应不会被截获。注意,在嵌套graphView中加载图纸,且图纸中用的是吸附节点布局,没有勾选“适配内容”,这种情况下,直接运行该图纸(在IOTOS应用平台框架内),显示的矢量图标字体大小也是正常大小,不会被缩放,即使随着浏览器窗口的动态调整也是如此,打印gv的缩放比例显示1。
2022-09-29 15:59:04 532
原创 拖放图标组件图元到组态中默认属性config中配置,比如读写属性、可移动、事件处理等,如何自动勾选设置默认值;p属性的设置:setter、getter属性赋值及取值
拖放图标组件图元到组态中默认属性config中配置,比如读写属性、可移动、事件处理等,如何自动勾选设置默认值;p属性的设置:setter、getter属性赋值及取值
2022-09-29 11:54:56 152
原创 图片没法在编辑器外面复制,粘贴到图纸中,但是可以拖放进来,特别是粘贴到QQ的聊天窗口,再拖放到图纸中即可
图片没法在编辑器外面复制,粘贴到图纸中,但是可以拖放进来,特别是粘贴到QQ的聊天窗口,再拖放到图纸中即可
2022-09-29 11:22:45 180
原创 拓扑视图graphView监听鼠标点击按下等事件:html原生事件监听addEventListener,以及拓扑视图的监听gv.mi();嵌套图纸反序列化加载后,都默认调用initGVLoadedRu
拓扑视图graphView监听鼠标点击按下等事件:html原生事件监听addEventListener,以及拓扑视图的监听gv.mi();嵌套图纸反序列化加载后,都默认调用initGVLoadedRu
2022-09-29 11:18:23 266
原创 图纸GraphView中属性的操作比如背景色、网格颜色等,看生成的json文件会发现也有p、a、s,但是不属于任何data图元节点,其实是对数据模型DataModel的操作!
看图纸的json数据,发现背景色"background"在"p"标签字段之下,还有在"a"标签之下的其他比如反序列化onPostDeserialize,网格颜色gridThickColor、gridLightColor。在图纸中,如下图所示以背景background为例,并没有看到graphView、dataModel有setBackground之类的API可以操作!对于a标签下面的,直接dm.a(),跟data/node图元节点一样操作即可!
2022-09-29 11:16:28 263
原创 图纸反序列化有两种方式,数据模型dm或拓扑视图view:dataModel.deserialize(json)、graphView.deserialize(json)
graphView.deserialize加载图纸反序列化后的回调函数,与图纸的onPostDeserialize反序列化函数,图纸优先调用,然后是代码的回调函数调用。注意:如果用数据模型来反序列化:dataModel.deserialize(json),如果在图纸的反序列化后的属性中有代码并且调用到传入的gv参数,那么会报错!let url = 'displays/admin/AiotOS/adApps/MQTT客户端.json';//或者传入加载完成后反序列化后回调函数。
2022-09-29 11:11:36 246
原创 吸附节点嵌套,子节点吸附父节点布局,保持相对位置固定不变,可以形成一个整体类似代码布局的效果,并且被作为组合内部图元后,组合缩放也不会导致变形或间隙/空隙/间隔变化
吸附节点嵌套,子节点吸附父节点布局,保持相对位置固定不变,可以形成一个整体类似代码布局的效果,并且被作为组合内部图元后,组合缩放也不会导致变形或间隙/空隙/间隔变化
2022-09-29 11:09:42 294 1
原创 渲染元素中动态创建div来渲染html dom组件,是需要将element元素对象return返回的(也支持直接返回ht的widget、ui等视图view组件),刷新重新加载图纸
刷新重新加载图纸时,dom元素对象被重新创建,此前的也自动被移除释放了,而动态加载的js可通过importCssJs的第二个参数传入true来重新加载,或者传入false不再重新加载、利用上次加载的而且留在内存的js执行结果(比如对象、函数等),不管是哪种方式,都可以通过加载完成回调函数继续执行接下来的步骤。如下面所示,动态创建的div,设置了id后,浏览器也能看到,但是刷新(并非刷新浏览器页面)重新加载图纸,div会被自动移除及重新创建,合情合理,因为是随着渲染元素机制走的。
2022-09-29 11:00:44 576
原创 渲染元素中用data.getImage(),注意在图纸中执行时,返回的是字符串即渲染元素图标的路径url;将图标直接运行不经过图纸的话,返回的是加载后的对象不再是url字符串!
渲染元素中用data.getImage(),注意在图纸中执行时,返回的是字符串即渲染元素图标的路径url;将图标直接运行不经过图纸的话,返回的是加载后的对象不再是url字符串!
2022-09-29 10:58:01 110
原创 渲染元素中执行一遍代码逻辑,通过前缀predix来区分不同的嵌入图标的同一个暴露属性,实现动态赋值
渲染元素中执行一遍代码逻辑,通过前缀predix来区分不同的嵌入图标的同一个暴露属性,实现动态赋值
2022-09-29 10:54:09 159
原创 组件component二次开发属性暴露,跟渲染元素属性暴露类似,但主要是canvas画笔来绘制组件图形
组件component二次开发属性暴露,跟渲染元素属性暴露类似,但主要是canvas画笔来绘制组件图形
2022-09-29 10:40:45 241
原创 组件component矢量组件,通过canvas代码绘制图形,字体设置固定的直接拖放到图标内,尺寸缩放字体保持固定不会自动缩放
如果要编辑组件改变尺寸大小,图元(文字)自动缩放,可通过再多嵌套一层图标或者直接拖放到图纸中国使用即可,直接拖放到图标中改变自身尺寸,不会自动(文字)缩放的!
2022-09-29 10:37:32 273
原创 组态nodejs的后台server.js,新增post接口,接受前端input file模式上传文件,并接收保存到服务器
在node开发过程中,我们经常需要对文件进行读取,写入,以及文件的引入等相关操作和需求,那么我们就需要去读取我们的目录文件,并对其加以过滤,得到我们的目标文件,但是我们要怎么样高效率的进行文件的过滤呢,下面我们介绍了一种方法:首先我们需要导入fs模块,然后用readdirSync列出文件const fs = require('fs');//这里是一个目录,并非浏览器前端对应本地机器的绝对目录,而是需要将这个带路径的文件名,重新另存为服务器的某个目录以及新的文件名,实现上传到服务器成功!
2022-09-29 10:30:05 677
原创 组态布局加载会出现动画过程(字体分辨率也非常细),如何不要动画?打组合,然后用组合被布局就好!
组态布局加载会出现动画过程(字体分辨率也非常细),如何不要动画?打组合,然后用组合被布局就好!
2022-09-29 10:26:41 74
原创 组态编辑器BUG,事件处理对话框中有时输入、回车、粘贴都没效果,其实是敲到前面打开的那个tab里了
组态编辑器BUG,事件处理对话框中有时输入、回车、粘贴都没效果,其实是敲到前面打开的那个tab里了
2022-09-29 10:19:32 89
原创 组态编辑器如何定制点击等脚步交互操作,比如把目前矩形点击操作无法输入文字等觉得不方便的地方定制修改成类似PPT的交互操作
节点开启交互后,就会阻止图纸/场景上默认的交互行为,比如在交互节点上无法触发平移,可以使用。console.log('开始编辑多边形Shape或多点Edge的具体点');console.log('正在编辑多边形Shape或多点Edge的具体点');console.log('结束编辑多边形Shape或多点Edge的具体点');您如要进行特殊的编辑交互,可自定义交互器,重写交互器,工作量比较大难度比较高。的过程,图元模型的数据并未改变, 也就是逻辑坐标值不变,仅仅是视图组件的呈现效果变化,
2022-09-29 10:17:06 155
原创 组态编辑状态入口html是client/index.html;组态运行状态入口html是previews/display.html;typeof xxx === “undefined“来判断某变量是否
组态编辑状态入口html是client/index.html;组态运行状态入口html是previews/display.html;typeof xxx === "undefined"来判断某变量是否
2022-09-29 10:08:19 130
原创 组态图标数据绑定中,有属性attr和函数func两个选项,其中函数参数data、view,可以实现一个属性分身为多个变量暴露出去并做逻辑处理给到原来的属性变量!HT矢量数据绑定原理!
函数绑定中是可以定义多个变量的,这个变量直接使用,然后在数据绑定中创建声明下就可以了,并且多个变量可以在函数func中做逻辑,于是实现人在组态中想动态配置多个参数给到图标的一个固定属性,那就能实现了!如下图所示,通常情况下,图标的属性跟放在图纸上属性绑定一样,是绑定一个变量。在选中图标内嵌套的组件或其他图标时的属性func,data是选中节点图标的data数据模型,view对应其视图,注意,此时界面也不会显示“数据绑定”,只有在未选中任何嵌套图标组件点击图标背景时才会出现数据绑定!//dom及事件监听。
2022-09-29 09:59:58 241
原创 关于图纸的吸附布局、全屏填充、适配内容来做图元根据图纸页面在不同窗口显示尺寸下自适应
关于图纸的吸附布局、全屏填充、适配内容来做图元根据图纸页面在不同窗口显示尺寸下自适应
2022-09-28 15:25:55 283
原创 关于矩形的边框,以及边框线偶尔不显示的问题
组件设置边框,是基于四个顶点/四条边,同步向内和向外延展的矩形环形区域!并且很可能会被布局给遮挡,当布局之间不留间隙时!这就会导致出现四边某一边突然没有边框线,或者比其他边的边框线要窄的情况!所以,当有布局存在时,最好就不要用设置边框线的方式来做区分隔开,用背景颜色块更好!
2022-09-28 14:37:57 350
原创 关于额外的ht.ui插件如Carouse轮播组件,源码、js库文件、API接口文档、DEMO地址
关于额外的ht.ui插件如Carouse轮播组件,源码、js库文件、API接口文档、DEMO地址
2022-09-28 14:31:47 471
原创 对于可以设置背景background属性的,一般都对应可以设置backgroundDrawable,并且传入ImageDrawable对象,此时就可以很好地利用图元节点设置任何矢量图标并动态变量属性设
首先,所有可以setBackground()的方法,基本都可以设置背景自绘:setBackgroundDrawable,这时就可以用到图标结合绑定动态变量传参了,而且图标除了是svg常规的icon图标,还完全可以是一个手动创建的圆角矩形,并且把圆角radius做数据绑定暴露出来可配置。如果直接用setBorderRadius()设置圆角,通常出现圆形边框线画在背景矩形之上的效果,且一旦背景矩形设置透明,圆角边框成为镂空的“轨道”了,显然不是我们想要的圆角效果。灰色矩形与背景、阴影并无关系。
2022-09-28 14:13:22 294
原创 对于块ht.block元素(组合),编辑、运行状态下,选中、事件等;ht 2d/3d事件传递;节点父子关系与事件传递的关系
对于块ht.block元素(组合),编辑、运行状态下,选中、事件等;ht 2d/3d事件传递;节点父子关系与事件传递的关系
2022-09-28 14:09:09 232 1
原创 图纸GraphView反序列化后处理,gv相应方法,对缩放、选中、编辑、平移等操作支持和禁用;渲染元素容器类控件图纸嵌套,运行时点击交互对按下事件需特别处理:event.stopPropagation
图纸嵌套图纸,比如gv1内部嵌套了gv2,鼠标点击时间优先是gv2的处理然后冒泡上一层gv1,测试发现mousedown冒泡过程中,鼠标还没松开时就自动调用mouseup事件,而内部图纸(gv2)没法响应真实的mouseup事件!渲染元素的容器组件比如graphView、tabview,要让容器内加载图纸中的组件能正常响应点击操作(不仅仅是外观样式的相应,更是功能,比如组合框能弹出下拉,勾选框、单选框能够被选中),当前的。/*是否能移动图元或隐藏图纸滚动条,在图纸编辑中并无属性配置,函数中给出默认参数,
2022-09-28 14:02:55 363
原创 表格ht.ui.tableView边框空隙间隙以及点击会自动滚动到选中行的可见区域的底部
表格ht.ui.tableView边框空隙间隙以及点击会自动滚动到选中行的可见区域的底部
2022-09-28 12:11:08 239
原创 Object → Data → Node→Text等,父子类关系,其中getDataBindings()属于基类Object的成员方法!
Object → Data → Node→Text等,父子类关系,其中getDataBindings()属于基类Object的成员方法!
2022-09-28 12:07:21 120
原创 localhost和ip地址访问本地页面效果不一样;浏览器会对访问不同的url有对应各自的缩放记录
localhost和ip地址访问本地页面效果不一样;浏览器会对访问不同的url有对应各自的缩放记录
2022-09-28 12:03:44 894
原创 js对象都是类似指针引用方式,赋值只需要对变量引用赋值即可改变原对象内容!典型如getAttrObject()返回对象引用,直接修改即可无需set回写;代码设置用户数据会影响当下json序列化结构
一般情况下程序想通过setAttrObject给图元设置用户数据属性变量,是程序运行时需要,只在内存中,但是如果该代码在编辑器编辑状态也会被执行到,那么会导致编辑状态一旦保存图纸,那么会把本来内存中动态设置的数据,被永久序列化到json文件中了!针对第3点,补充一下,图标数据绑定暴露的变量除了在图元节点的json结构属性中体现,也会直接体现到编辑器的属性配置界面上,而setAttrObject设置的用户数据变量在编辑器中无法看到对应的属性配置只有看数据json才能看到!
2022-09-28 11:47:27 447
原创 ht组态图纸获取背景颜色:dm().getBackground(),鼠标滚动事件3D场景如何禁止或打开响应;如何判断图纸透明不传递给3D,点击、滚轮等
另一方面,在2D、3D叠加的场景,又需要2D中鼠标滚动能够缩放,甚至点击选中2D半透明组件后要让3D不能响应鼠标滚动,没点击选中时需要能直接响应3D场景鼠标缩放!因此,判断图纸背景颜色是否有定义(最好是判断是否设置或者设置为透明),来决定是否阻挡2D应用中鼠标滚轮事件到3D场景!比如平台的2D应用打开,背景是桌面默认的3D场景,2D中对表格、树进行滚动,结果3D也跟做缩放响应感觉很不好!注意,这个时候,如果设置背景透明度为0,效果也是透明,但是不返回undefined,同样会阻挡事件响应的!
2022-09-28 11:43:35 261
原创 ht中多语言国际化hteditor.getString;通用确认操作对话框函数,回调执行业务代码
ht中多语言国际化hteditor.getString;通用确认操作对话框函数,回调执行业务代码
2022-09-28 11:37:59 202
原创 ht框架定义class类;ht.Default.def从ht类继承派生类;ht-ui中组件API设置图标json,可利用Drawable重写draw集合通过新创建ht.Node对象过渡,来做数据绑定变
/注意这里实例化构造传入了参数,ImageDrawable(image, stretch, colorTint, rect)原本有4个可以传参!function MyDrawable(url){//构造函数调用基类需传入this,同时注意实例化时是否有构造参数的传入!function MyDrawable(url){//构造函数调用基类需传入this,同时注意实例化时是否有构造参数的传入!//构造函数除了传入关键的图标url,还要传入自定义的key-value,任意数量的数据绑定变量字段。
2022-09-28 11:36:05 338
原创 ht.vector、ht.widget、ht.ui三类组件;ht sdk api手册;组件component拖放到图标上有重影,原因以及解决办法;
组件绘制超出矩形区域导致的。ht 是脏矩形更新,绘制超出矩形范围,矩形区域外不更新导致的重影。组件内可以根据矩形区域 clip 避免绘制超出。clip 是 canvas API ,如果是自定义绘制组件,可以使用。数百个 HTML5 例子学习 HT 图形组件。矩形范围是指拖放到图标上,图标的矩形区域!阅读 sdk 手册学习。
2022-09-28 10:58:19 603 1
原创 ht.Dialog()对话框内容区域的颜色不在htconfig.js中,而是可以任意输入html内容的,颜色由html去控制!
function alertDialog(callback, content = '确定操作?', title = '提示') {},'退出登录?data: '账户'label: '取消',label: '确定',//看这里,输入的是html div。
2022-09-28 10:39:49 203
原创 ht.Default.setImage()注册图片(矢量图标)以及使用;渲染元素对象设定矢量图标,数据绑定动态赋值
"modified": "Sat Aug 06 2022 01:19:49 GMT+0800 (中国标准时间)","modified": "Sat Aug 06 2022 13:36:40 GMT+0800 (中国标准时间)",这里将矢量图形传入了改变量,那么久直接对改变量的属性进行赋值即可,属性名称就是。//现在对矢量图片,不给固定描述json,而是带上变量数据绑定!//设置方式二:HT矢量图标文件路径。//使用方式一:直接使用png(略)//设置方式三:HT矢量图标内容。//设置方式一:图片文件路径。
2022-09-28 10:32:32 351
楼宇、园区、社区等集成项目设备子系统售前信息搜集表.xlsx
2022-04-20
IOTOS物联中台(IOTOSystem)设备驱动接口协议开发SDK手册.pdf
2022-04-20
IOTOS设备子系统接口协议转换盒(通采引擎 PBOX)产品白皮书 v1.2.doc
2022-04-20
IOTOS设备子系统接口协议转换盒(楼宇/园区/社区通采引擎) 1.2.2d.pptx
2022-04-20
IOTOS物联网中台(中间件平台)产品介绍 v2.10.20.1.pptx
2022-04-20
智慧水务平台功能需求详细设计.doc
2022-03-21
物联网智慧管廊详细功能需求设计清单.xlsx
2022-03-21
物联网平台IBMS功能需求设计清单.xlsx
2022-03-21
物联网IOC一体化平台详细功能需求清单.xlsx
2022-03-20
智慧教室物联网平台功能需求设计.docx
2022-03-20
空压机物理网云平台项目产品功能需求设计.docx
2022-03-20
智慧建筑智能楼宇IOC一体化管控平台作表(技术架构、业务功能)详细设计需求.xlsx
2022-03-20
智慧物联中台软件需求说明书.doc
2022-03-20
物联网集成管理运维系统功能需求清单.xlsx
2022-03-20
物联网人脸门禁功能需求设计清单.xlsx
2022-03-20
物联网安防综合智能管理平台功能需求设计.xlsx
2022-03-20
太阳能“光热+”综合开发示范项目-弱电及智慧园区-产品功能需求详细清单(碳中和、景区、能源、物业、酒店、楼宇).xls
2022-03-20
环保大数据平台功能需求技术规范书.doc
2022-03-20
某运营商物联网平台细分功能项.xls
2022-03-20
BMS与其他系统接口技术需求.doc
2022-03-20
某中心智能化物联网平台项目详细需求.xlsx
2022-03-20
医疗高档物联网设备智能管理系统产品需求详细设计导图.pdf
2022-03-20
能源管理数据中台(物联网中台/平台)需求设计说明.doc
2022-03-20
某地中心书城物联网平台智慧集成平台详细功能需求清单-0120.xlsx
2022-03-20
IBOS智慧建筑运维管理平台需求说明.docx
2022-03-20
IOT PaaS物联网平台各项功能需求、参数、指标.xlsx
2022-03-20
某物联网智慧社区整体产品功能需求设计清单(物联网平台、应用中台、智慧社区SaaS).xlsx
2022-03-20
某运营商物联智慧设施感知管理系统建设技术规范书.docx
2022-03-20
智慧建筑楼宇系统任务书V1.1.pdf
2022-03-20
前端开发中的界面嵌套是啥,有什么用?
2024-05-03
WEB组态能实现页面嵌套、属性继承吗?
2023-10-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人