使用drawio的图层构建更强大的图表

2023-11-21 03:30

本文主要是介绍使用drawio的图层构建更强大的图表,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

drawio中使用图层

drawio是一款强大的图表绘制软件,支持在线云端版本以及windows, macOS, linux安装版。 如果想在线直接使用,则直接输入网址draw.io或者使用drawon(桌案), drawon.cnicon-default.png?t=N7T8https://www.drawon.cn?useSource=csdn内部完整的集成了drawio的所有功能,并实现了云端存储,以及在线共创,分享,协作的功能。

图层为你的图表增加了结构和组织方式。 当你与一个复杂的图表交互时, 显示和隐藏图层有利于你更好,更容易的理解他们,使用图层能很好的隔离和组织一组独立的逻辑关系图形。

注意:每一个图形和连接线或一组连接线一次只能归属某一个图层——不能归属多个图层。

在图表中使用图层

本节内容,解释如何在drawio中使用图层。

打开图层对话框

选择 (视图)View > (图层)Layers 或者按下ctrol+shift+L / Cmd+shift+L展示或者隐藏图层对话框。

缺省下, 创建一个新的图表会带有一个单独的背景图层, 所有的图形,连接器以及文本都会被添加到这个背景图层中去。

从图层对话框中,你可以增加新的图层,并重命名他们,可以选择切换需要添加图形的图层,移除已经存在的图形, 或者移动选中的图形到另外一个图层。

你同样,也可以选择展示或者隐藏图层,当你展示或者隐藏图层时,图层上的所有的图形,连接线,文本均被隐藏。

最后,锁定图层,可以确保你不会因为疏忽而改变了某个图层的内容。

增加一个图层

在图层对话框的底部,点击添加(+)。

你新添加的图层会自动被选择(蓝色背景), 任何你增加的图形会被放置到新的图层,也就是你选中的图层。

复制一个图层: 选择你想要复制的图层,点击复制(在图层对话框上, 一个正方形内部带加号的图表)

重命名图层

当你添加一个图层, 会生成一个缺省的名称。 你可以双击图层,输入一个新的名字, 点击Rename(重命名)按钮,重命名生效。

通过元数据,重命名图层

图层有元数据,就好比图形也有元数据一样。这些元数据允许你做更高级的特性。 包括你可以通过元数据更改图层的名称。

在标签和工具提示栏中,如何使用元数据和占位符

  1. 选择一个图层, 点击编辑数据(三个垂直的点,在图层对话框中)。

  2. 在标签字段上改变文本内容,并点击应用,改变图层的名称。

​ 

移除图层

移除一个图层,将会删除这个图层上的所有的图形以及连接线以及图层本身。 点击一个图层,选中它, 点击移除(图层对话框的左下角,像一个垃圾桶一样的图标),会移除图层以及属于这个图层上所有的图形。

注意:你的图表必须至少有一个图层可以放置图形和连接线。如果仅仅剩下一个图层,则你是无法删除这个图层的。

在图层上使用图形

在你选中的图层中, 图形会以你添加的顺序被添加到画布上。

图层会被从前到后排序,就如同他们在图层对话框中的顺序是一样的。 图形和连接线等被放置到高一级的图层上,不会被放到低一级的图层上去的——图形和连接线等只能在他们归属的图层内部移动前后位置。

在图层上增加图形

  1. 确保你的图层在你改变之前没有被锁住(在图层名称的左侧可以点击上锁/解锁),缺省下,图层不会锁住的。
  2. 在图层对话框,选中你要添加图形的图层, 接下来添加图形,则会添加到选中的图层中去。

移动图形到其他图层

  1. 选中你需要移动到其他图层的图形, 连接线以及文本。
  2. 在图层对话框中, 点击移动按钮(一个方形,带有朝着垂直方向的箭头), 选择你要移动的图层,则会完成移动动作。

查看当前图形属于那一层

  1. 选择一个图形或者一组图形——当你选中多个图形,而多个图形归属不同的图层时,该功能不会生效。
  2. 点击移动按钮(在图层对话框中,方形带垂直方向的箭头)图层旁边带有选中标记(对号)的图层为当前选中的图形归属的图层。

重新整理图层移动图形向前或者向后

为了移动一个图层上的所有图形在另外一个图层之前, 你需要在图层对话框中改变图层的顺序。 图层被排列从顶层到底层的顺序也是在画布中展示时从前到后的顺序。

学习改变图形的z序,把他们放到前,或者放到后。


注意:当你移动图形到一个图层上时, 它会被放置到该图层其他图形的最前面,就像你增加了一个新的图形一样。

展示或者隐藏图层

为了理解复杂的图表,你可以使用图层,隐藏或者展示图层。

在图层对话框中, 切近图层名称的复选框选中图层,则表示显示图层,取消选中,则表示隐藏图层。

在图表展示区隐藏或者展示图层:在图表展示窗口的底部,点击图层工具, 同样可以看到弹出上拉列表,选中名称旁边的复选框显示图层,或者取消复选框隐藏图形。 如果图表只有一个图层,则该功能无效。

锁定图层防止意外改变

锁定图层意味着你不能够对该图层上的内容做出任何改变——你不能增加,移动,编辑,甚至改变样式或者删除图形,移动连接线。

在图层对话框, 点击挂锁图表,在图层名称的最左边。 你可以锁住图层。

关于更多,可以去 drawon.cn上体验。

这篇关于使用drawio的图层构建更强大的图表的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/399499

相关文章

详解SpringBoot+Ehcache使用示例

《详解SpringBoot+Ehcache使用示例》本文介绍了SpringBoot中配置Ehcache、自定义get/set方式,并实际使用缓存的过程,文中通过示例代码介绍的非常详细,对大家的学习或者... 目录摘要概念内存与磁盘持久化存储:配置灵活性:编码示例引入依赖:配置ehcache.XML文件:配置

Java 虚拟线程的创建与使用深度解析

《Java虚拟线程的创建与使用深度解析》虚拟线程是Java19中以预览特性形式引入,Java21起正式发布的轻量级线程,本文给大家介绍Java虚拟线程的创建与使用,感兴趣的朋友一起看看吧... 目录一、虚拟线程简介1.1 什么是虚拟线程?1.2 为什么需要虚拟线程?二、虚拟线程与平台线程对比代码对比示例:三

k8s按需创建PV和使用PVC详解

《k8s按需创建PV和使用PVC详解》Kubernetes中,PV和PVC用于管理持久存储,StorageClass实现动态PV分配,PVC声明存储需求并绑定PV,通过kubectl验证状态,注意回收... 目录1.按需创建 PV(使用 StorageClass)创建 StorageClass2.创建 PV

Redis 基本数据类型和使用详解

《Redis基本数据类型和使用详解》String是Redis最基本的数据类型,一个键对应一个值,它的功能十分强大,可以存储字符串、整数、浮点数等多种数据格式,本文给大家介绍Redis基本数据类型和... 目录一、Redis 入门介绍二、Redis 的五大基本数据类型2.1 String 类型2.2 Hash

Redis中Hash从使用过程到原理说明

《Redis中Hash从使用过程到原理说明》RedisHash结构用于存储字段-值对,适合对象数据,支持HSET、HGET等命令,采用ziplist或hashtable编码,通过渐进式rehash优化... 目录一、开篇:Hash就像超市的货架二、Hash的基本使用1. 常用命令示例2. Java操作示例三

Linux创建服务使用systemctl管理详解

《Linux创建服务使用systemctl管理详解》文章指导在Linux中创建systemd服务,设置文件权限为所有者读写、其他只读,重新加载配置,启动服务并检查状态,确保服务正常运行,关键步骤包括权... 目录创建服务 /usr/lib/systemd/system/设置服务文件权限:所有者读写js,其他

Redis中Set结构使用过程与原理说明

《Redis中Set结构使用过程与原理说明》本文解析了RedisSet数据结构,涵盖其基本操作(如添加、查找)、集合运算(交并差)、底层实现(intset与hashtable自动切换机制)、典型应用场... 目录开篇:从购物车到Redis Set一、Redis Set的基本操作1.1 编程常用命令1.2 集

Redis中的有序集合zset从使用到原理分析

《Redis中的有序集合zset从使用到原理分析》Redis有序集合(zset)是字符串与分值的有序映射,通过跳跃表和哈希表结合实现高效有序性管理,适用于排行榜、延迟队列等场景,其时间复杂度低,内存占... 目录开篇:排行榜背后的秘密一、zset的基本使用1.1 常用命令1.2 Java客户端示例二、zse

mysql8.0.43使用InnoDB Cluster配置主从复制

《mysql8.0.43使用InnoDBCluster配置主从复制》本文主要介绍了mysql8.0.43使用InnoDBCluster配置主从复制,文中通过示例代码介绍的非常详细,对大家的学习或者... 目录1、配置Hosts解析(所有服务器都要执行)2、安装mysql shell(所有服务器都要执行)3、

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v