【乐吾乐2D可视化组态编辑器】在线使用，快速入门
一、在线使用乐吾乐2D可视化组态编辑器地点：https://2d.le5le.com/
二、步调
本教程将带领你快速体验2D可视化编辑器的全流程开发。
1.创建图纸
进入2d编辑器主界面后，主界面最中心为图纸面板，默认为空图纸，在界面左侧为组件（图元）列表，你可以访问系统提供的众多的组件库，或者你也可以上传自己的组件库，只需要在我的组件中举行上传即可。主界面右侧为属性面板，用于与组件或图纸的相关数据功能提供配置界面。介绍完界面后，起首我们举行创建图纸的操纵，具体操纵如下：
[*]
[*]搜索或选择系统组件/上传自己的组件/创建组件，拖拽放置到画布
[*]编辑组态图、流程图、工艺图、SCADA、脑图、单线图、UML图等
[*]设置文件名称、分类
[*]生存图纸
https://img-blog.csdnimg.cn/img_convert/8b5988123807df31787036d2fd24f326.png
https://img-blog.csdnimg.cn/img_convert/f000746b21eb7213b5c3a31bd7653916.png
2.添加变乱
2D可视化编辑用具有完善变乱机制，能够让我们实现更加复杂、有趣的交互效果，配置方式如下：
1.添加变乱：变乱类型、变乱行为、触发条件
起首选择想要配置变乱的图元，点击进入变乱面板，我们可以在此为面板下为图元添加变乱，其中变乱类型为触发变乱的行为是什么，例如：鼠标进入、单击、双击... 。变乱行为表现触发变乱后需要执行什么操纵。而触发条件则表现满意什么条件的时候就触发此变乱，他与变乱类型有点雷同，差别的是他支持更加复杂的运算。
https://img-blog.csdnimg.cn/img_convert/ada1712eec58882d4cbcab8361160ee5.png
2. 锁定画布：执行变乱
当我们的变乱配置好后，为了防止误触在编辑模式下是不会被触发的，只有在锁定画布进入预览模式的时候才会有效。下方的图例简单的为五角星设置了鼠标悬浮则背景变红的变乱，自己也去尝试一下吧。
https://img-blog.csdnimg.cn/img_convert/350219416d23cb0e7253c712be8c2acc.png
3.设置动效
2D编辑器支持动画效果配置，和变乱配置雷同，我们只需要选择需要配置动画的图元，然后在“动效”配置面板中配置相关内容即可，系统支持3种动效，分别为组件动效、连线动效、自界说动效。
1.组件动效
我们选择需要绑定动画效果的图元，进入动效面板，选择动画效果类型，配置相关属性，点击播放即可。系统默认提供了8种动画类型，你也可以自界说选项来实现自己想要的效果。
https://img-blog.csdnimg.cn/img_convert/aac5048d7249628d0ad0f46d140e7b21.png
2.连线动效
连线图元一般作为水流或管道出如今图纸中，他也具有动画效果，系统为其提供了3种动画效果：水流、水珠活动、圆点。和普通图元一样操纵，配置好相关内容后点击播放即可。
https://img-blog.csdnimg.cn/img_convert/83d7475f3591a10a900dda4d98d25cd9.png
3.自界说动效
对于普通图元的动画效果，系统默认提供了8种动画，若依然不满意用户需求，那么可以使用自界说动效来实现。点击自界说后点击下方的编辑进入节点动画编辑面板，此处以动画帧的情势渲染动画，用户可更具配置每一帧来实现动画的自界说效果。
https://img-blog.csdnimg.cn/img_convert/c059c21360fb22fd859c4c34829e40f4.png
4.数据通信
在创建完图纸后，我们将尝试举行数据通讯的相关设置来使我们的图纸更具动态化，2D可视化编辑器支持3种通讯模式：mqtt、websocket、http。只需要在属性面板的右侧配置即可，通讯配置好以后，后台只需要发送特定格式的数据，图纸就会及时更新了。更多实现细节你可以查察更详细的通信文档。
https://img-blog.csdnimg.cn/img_convert/353945ed41fba1a166dc739ac54fe1c6.png
5.预览/分享/发布
在创作完图之后，我们需要通过预览功能来查察图纸工作是否正常，通太过享来将图纸分享给他人，通过发布将图纸上线到云端，让全球各地都能欣赏到。2D编辑器提供了一站式的分享发布机制，让你很轻松的就能将创作后的图纸展现出来，同时可以自由的分享给他人，打通创作的整条链路，击破创作的最后一道关卡。
1.预览
预览功能重要是用来让作者检测图纸运行是否符合预期的，只需要点击编辑器菜单栏的 “预览” 按钮，即可进入到预览视图中。
https://img-blog.csdnimg.cn/img_convert/818040f3fd218ac283b6b1f445dc652f.png
2.分享
分享功能用于将图纸分享给他人，对方能基于你的图纸举行二次创作。只需要点击菜单栏的分享按钮即可。
https://img-blog.csdnimg.cn/img_convert/c520ff499f0cb65119e8c5472b843783.png
其他用户就可以通过进入你分享的链接看到你的图纸啦。
3.云发布
云发布功能用于将图纸发布到公网上，用于将其快速上线，只需要点击菜单栏的云发布按钮，举行域名配置，就能快速发布上线啦。
https://img-blog.csdnimg.cn/img_convert/b24f69039311c825fc0ac7404b4d8e51.png
6.私有部署与集成
对于某些企业，需要将图纸项目与自身业务联合，需要举行私有化部署与集成，2D编辑器也提供了私有化部署的方式，你可以通过文件菜单下的 “下载离线部署包” 选项将其下载到本地，阅读文件包中的《离线部署包使用阐明.pdf》即可，整个过程较为简单方便。
https://img-blog.csdnimg.cn/img_convert/b5bf4ddce3f37b61b7014de1c23ddf73.png
7.图纸管理
在生存完图纸后，我们可以在左侧的图纸菜单栏下找到我的图纸及其相关文件夹，或者也可以通过前往 个人中心（乐吾乐Le5le - 用户中心 ）去查察所有在乐吾乐生存的文件信息和其他关于账号的所有信息。
https://img-blog.csdnimg.cn/img_convert/0e27029db9e2f08a3f62697988ac5ce6.png
https://img-blog.csdnimg.cn/img_convert/ce1c69daed85b59ef98804eab6ecebef.png
三、解决方案
炫酷智能的数字可视化平台
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]