UIOTOS文档：绘图 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等

合集 - UIOTOS文档（自动爬取）(49)

11.UIOTOS文档：绘图 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等2024-08-21

注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档!

绘图

主要用于绘制线条、矩形、弧形、不规则图形、管道等等。在可视化大屏、组态等制作时，经常用到。（CURD中后台管理系统的UI界面，较少用到）

注意：绘制相关的组件（或操作），拖放到编辑区域后，需按下拖动鼠标才能创建。非绘图组件松开鼠标即可创建。如下所示：

绘制

不规则图形

说明

用于绘制直线、折线、曲线等。并且可以形成不规则图形，在封闭区域内填充背景颜色。如下所示：

示例说明：

绘制不规则矩形。

填充背景颜色，并对属性锁定。

拖入定时器和随机数并设置，参照初体验：随机颜色显示。

启动定时器，即可看到区域内颜色随机填充。

使用

步骤1：拖放组件

选中不规则图形

，拖放到页面后，松开鼠标，会提示“请开始框选绘图”，如下所示：

步骤2：开始绘制

直线

鼠标单击、移动，再单击，可形成多段连续的折线，双击时打断（注意。并非结束，参见步骤4）。如下所示：

弧线

前面开始是单击，如果是按下、移动，不立刻弹起，此时将绘制弧线。初始按下移动过程中，构建弧线的切线，松开鼠标时，再次点击，才确定弧线的终点。随后的连续单击、双击打断，跟直线一样。如下所示：

连续绘制：

步骤3：调整连线

步骤2中，不论是直线还是弧线，双击可打断且并非结束。此时提供机会，鼠标移动到连线上，可调整弧线，或者将直线设置弧度。如下所示：

注意：绘制过程中可以调整，绘制结束后，选中双击，也可以激活连线的调整状态。

弧度调整：

在直线或曲线段上任选一点，连续双击，可切换弧线或折线模式。

切换后，拖动点，就能修改改线段的形状，可以这起或调整弧度。

步骤4：结束绘制

绘制直线或曲线时，双击打断连续绘制，进入到调整状态。如果要结束绘制，需要再空白区域（非白色底板）双击才可以（也可以用Esc快捷键），随后页面才能恢复到正常可选中编辑状态。如下所示：

管道

与绘制直线或曲线类似，如下图所示：

说明

使用

略。与1绘制类似。

规则图形

暂略。

posted @ 2024-08-21 13:54 一路火花带闪电Plus 阅读(15) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球运作规律

公告

昵称：一路火花带闪电Plus
园龄： 12年6个月
粉丝： 0
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

iotos

UIOTOS文档：绘图 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等

注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档!

绘图

绘制

不规则图形

说明