使用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

相关文章

使用Python自建轻量级的HTTP调试工具

《使用Python自建轻量级的HTTP调试工具》这篇文章主要为大家详细介绍了如何使用Python自建一个轻量级的HTTP调试工具,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录一、为什么需要自建工具二、核心功能设计三、技术选型四、分步实现五、进阶优化技巧六、使用示例七、性能对比八、扩展方向建

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Linux中的计划任务(crontab)使用方式

《Linux中的计划任务(crontab)使用方式》:本文主要介绍Linux中的计划任务(crontab)使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、前言1、linux的起源与发展2、什么是计划任务(crontab)二、crontab基础1、cro

kotlin中const 和val的区别及使用场景分析

《kotlin中const和val的区别及使用场景分析》在Kotlin中,const和val都是用来声明常量的,但它们的使用场景和功能有所不同,下面给大家介绍kotlin中const和val的区别,... 目录kotlin中const 和val的区别1. val:2. const:二 代码示例1 Java

C++变换迭代器使用方法小结

《C++变换迭代器使用方法小结》本文主要介绍了C++变换迭代器使用方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1、源码2、代码解析代码解析:transform_iterator1. transform_iterat

C++中std::distance使用方法示例

《C++中std::distance使用方法示例》std::distance是C++标准库中的一个函数,用于计算两个迭代器之间的距离,本文主要介绍了C++中std::distance使用方法示例,具... 目录语法使用方式解释示例输出:其他说明:总结std::distance&n编程bsp;是 C++ 标准

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Linux换行符的使用方法详解

《Linux换行符的使用方法详解》本文介绍了Linux中常用的换行符LF及其在文件中的表示,展示了如何使用sed命令替换换行符,并列举了与换行符处理相关的Linux命令,通过代码讲解的非常详细,需要的... 目录简介检测文件中的换行符使用 cat -A 查看换行符使用 od -c 检查字符换行符格式转换将

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON(序列化)2.2 JSON 转对象(反序列化)3.