基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第1张图片

1.菜单

菜单栏

(1)文件

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第2张图片

  • 打开文件
    点击“打开文件”,编辑区进入空白界面,弹出文件资源管理器,选择文件点击打开。
  • 导入文件
    点击“导入文件”,弹出文件资源管理器,选择文件点击打开,新文件将覆盖原有文件。
  • 打开最近的文件
    鼠标移动至“打开最近的文件”,可以直观查看历史操作中打开的文件。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第3张图片
  • 保存与另存为
    点击“保存”或“另存为”,皆可将文件存储至云端。
  • 下载
    关于文件下载,可以选择JSON、zip、PNG以及SVG这 4 种格式来将文件保存到本地。

(2)编辑

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第4张图片
关于编辑,具有“撤消”、“恢复”、“剪切”、“复制”、“粘贴”这 5 个功能,并附有快捷键操作。

(3)查看

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第5张图片

  • 行业解决方案
    点击“行业解决方案”,可以查看已有模板和网友作品,从而快速构建自己的图文设计。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第6张图片

(4)社区

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第7张图片

(5)帮助

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第8张图片

(6)预览

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第9张图片
点击“预览”,可查看图文预览效果,预览图如下:
基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第10张图片

(7)视图

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第11张图片
点击“-”、“+”,可以对图文进行缩小和放大;点击“重置”恢复原始大小。

(8)锁定

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第12张图片
在“未锁定”状态下,只响应编辑操作,不能响应处理事件。只有在“锁定”状态下,才响应交互事件。

(9)默认连线与默认箭头

在这里插入图片描述
在没有设置的情况下,连线类型起点箭头以及终点箭头皆为默认选项(即上图所示)。自行选择的在设置以后生效。

  • 默认连线类型
    连线类型包含曲线、线段、直线以及脑图曲线这 4 种。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第13张图片
  • 默认起点箭头
    起点箭头有 10 种样式,如下图所示:
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第14张图片
  • 默认终点箭头
    终点箭头同样有 10 种样式,如下图所示:
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第15张图片

(10)保存到云端

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第16张图片
点击上图中箭头所指“保存到云端”按钮,同样可将文件存储至云端,在个人中心-我的图文可查看。

(11)分享

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第17张图片
“分享”按钮只有在打开自己的图文时才会点亮。

(12)个人中心

基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第18张图片
进入个人中心界面,可以进行“账号设置”,并且可以看到“我的图文”、“我的组件”以及“我的收藏”。


2.组件

(1)系统组件

“系统组件”是系统已有的组件,可直接使用,它包含“基本形状”、“箭头”、“拓扑图未分类”、“流程图”、“活动图”、“时序图和类图”、“云”、“网络设备”、“电子产品”等多个类别的组件。

(2)我的组件

在“我的组件”下,可使用已有组件,也可在个人中心-我的组件里查看,同时还可自行添加组件。
基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第19张图片

(3)我的图片

在“我的图片”下,可以“上传图片”和使用“在线图片”。
基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第20张图片


3.属性

(1)全局

当打开图文或者在点击图文空白区域时,右侧属性栏显示的是对全局的设置,分别为:图文设置消息通信以及排版布局
基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第21张图片

  • 图文设置
    “图文设置”是对“图文名称”、“图文类别”、“背景颜色”、“背景图片”以及“背景网格”的设置。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第22张图片
  • 消息通信
    “消息通信”下可以和远程服务器进行数据交互,实时显示数据。详情会在后续文章中进行介绍。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第23张图片
  • 排版布局
    “排版布局”可以对图文进行排版,点击“开始排版”,一键自动排版布局。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第24张图片
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第25张图片

(2)节点

点击单个节点可对其进行具体设置,分别为:外观事件动效数据以及结构
基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第26张图片

  • 外观
    “外观”是对“位置和大小”、“样式”、“文字”以及“图片”的设置。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第27张图片
  • 事件
    “事件”可以完成业务交互功能。详情会在后续文章中进行介绍。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第28张图片
  • 动效
    “动效”是对“动画”、“视频”、“外部网页”以及“鼠标提示”的设置。详情会在后续文章中进行介绍。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第29张图片
  • 数据
    “数据”下可以保存自定义业务数据,其中的“标签”是用于标记/分组。详情会在后续文章中进行介绍。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第30张图片
  • 结构
    “结构”下可以查看单个节点或多个节点的结构类型。
    基于开源引擎的乐吾乐Topology 使用介绍(一):编辑器基本使用_第31张图片

你可能感兴趣的:(前端,前端)