在触摸屏上绘制图表
由于 draw.io 是一个网页应用程序,因此在平板电脑或任何其他带触摸屏的设备上绘制图表都很容易。只需在浏览器中打开我们的在线编辑器app.diagrams.net,选择要保存图表文件的位置,即可开始绘制图表。
简易触控白板
Sketch图表编辑器主题非常适合在移动设备的较小触摸屏上绘制图表。
您可以最小化不使用的面板,以获得更多绘图空间。如果某个面板挡住了视线,请将其拖动到图表编辑器中的其他位置。

默认的更复杂的编辑器主题(带有菜单、顶部工具栏和固定面板)在大尺寸平板电脑和带触摸屏的笔记本电脑上仍然易于使用。

平板电脑上的绘图快捷键
虽然几乎所有功能用手指或笔操作都和用鼠标操作一样好,但也有一些手势快捷方式是触摸屏特有的。
以下教程中的圆形高亮部分展示了在 iOS 触摸屏上的手指移动。这些手势在其他触摸屏设备上的操作方式类似。
打开形状选择器:双击空白区域打开形状选择框,点击形状即可将其添加到绘图画布中。
输入标签:双击形状或连接线以打开屏幕键盘。

添加形状:点击一个形状进行选中,然后点击方向箭头并选择要添加的形状,即可沿该方向添加形状。新添加的形状将自动连接。
您还可以点击形状库中的形状,或者像使用鼠标一样,将形状库中的形状拖到绘图画布上。
缩放:双指捏合缩小,双指张开放大,操作方式与编辑照片相同。您也可以点击屏幕右下角工具栏中的工具。

移动绘图画布:点击并拖动绘图画布的空白区域即可将其移动到其他位置。或者,您也可以使用两根手指拖动画布,同时进行缩放操作。
橡皮筋选择:长按绘图画布上的空白区域,然后拖动一个选择框(橡皮筋)来选择一组形状。
为形状和连接线添加样式:点击形状进行选择,或使用橡皮筋选择多个形状,然后使用格式面板中的工具添加颜色和样式。

右键菜单:点击画布上的空白区域即可打开页面的右键菜单。点击形状或连接线选中它,稍作停顿,然后再次点击即可打开右键菜单。
如果点击两次过快(双击),则会开始编辑标签。

绘制连接线:点击并拖动连接线,从方向箭头之一拖动到另一个形状上,即可将它们连接起来。
添加连接器时,目标形状上的蓝色轮廓表示浮动连接器,绿色轮廓表示固定连接器。浮动连接器和固定连接器也可以添加到自由绘制的形状上。

点击并拖动连接器的中间位置即可改变其路径。拖动连接器到新位置时,路径点将自动添加和移除。
双击连接器即可添加标签。
使用徒手画笔
在 Sketch 编辑器主题中,点击自由绘制工具即可打开浮动对话框。如果使用其他编辑器主题,请点击绘图画布上方菜单中的“排列”>“插入”>“自由绘制” 。
自由画笔可以绘制不同粗细的线条。选中“画笔”复选框,然后移动滑块到所需的粗细即可。

自由绘制工具既可以用鼠标操作,也可以在触控板上使用。此外,在 draw.io 中使用数位板和笔进行绘图时,手感非常自然。
喜欢在深色背景下工作吗?
使用 Sketch 编辑器主题的深色模式:当您使用 Sketch 白板式编辑器主题时,点击菜单图标,然后点击“设置”>“外观”>“深色”即可切换深色模式的开启或关闭。

如果想在深色模式下继续使用更复杂的编辑器主题,请点击菜单,然后选择“设置”>“主题”>“默认”,并重新加载浏览器标签页。
注意:从主屏幕使用 draw.io 时(如下所示),请先关闭应用程序,然后从主屏幕重新打开它以使用新的编辑器主题。
将 draw.io 添加到主屏幕
要更快地打开 draw.io 网络应用程序,请在移动设备的主屏幕上添加该网络应用程序的快捷方式。
访问app.diagrams.net上的在线编辑器,点击分享按钮,然后点击“添加到主屏幕”。例如,在 iOS 系统上:

如果系统询问,请确认是否要将其添加到主屏幕。

