UIOTOS文档：初体验：不规则按钮 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat

**注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/zv6slqrv8dongtmd?singleDoc# 《初体验：不规则按钮》)!

效果

通常按钮为方形，将不规则图形和图片按钮结合，能实现不规则外观。或者说让任意图形，具备点击交互功能。如下所示：

在线编辑（登录后完整功能）

步骤

新建页面

略。参见1新建。命名为"任意绘制按钮"。

拖入组件

拖入图片按钮组件、信息提示函数


信心提示函数设置输入（组）设置"您点击了图片按钮"
提示类型选择提示

完整步骤如下：

新建部件

1. 点击左下角按钮切换到模式。
2. 组件-其他-更多，右键新建部件，并命名。

3. 绘图
   • 左下角切换到模式，
   • 选择不规则图形（组件-绘图）绘制，并填充背景色

完整步骤如下：

粘贴路径

将不规则图形的页面路径粘贴在图片按钮的图标路径中。

连线

按钮触发函数执行无关联属性（图片按钮）→ 执行（信息提示）

---

至此，设置完毕，可查看最终效果
官网：https://www.uiotos.net/
项目源码：https://gitee.com/uiotos/uiotos-community