《UI界面无代码编程小示例：悬停放大》| uiotos、零代码、0代码、无代码、低代码、可视化编程、nodered、amis、appsmith、codewave、LowCodeEngine、乐吾乐、

在做实际项目时，经常有遇到这种情况：当鼠标悬停图片时，图片变大，移出时，图标变小，如下所示：

效果

「运行」

「编辑」

过程

「步骤1」拖入图片按钮并设置

勾选“移入事件启用”，所用到的属性做标记。

「步骤2」拖入两个透明传递并设置

分别设置两个透明传递的输入（组）为数字1.2和1。

「步骤3」连线使移入时图片变大

图片按钮的移入事件触发函数执行，函数的输出分别传给图片按钮的横缩放、纵缩放。

「步骤4」连线使移出时图片变小

图片按钮的移出事件触发函数执行，函数的输出分别传给图片按钮的横缩放、纵缩放。

关于

UIOTOS是一款“神奇”的前端工具，支持无代码搭建后台管理、上位机HMI、大屏组态等各类IoT应用。

• UIOTOS 集成 物联中台     =   IoT平台上层应用（SCADA、CRUD）

• UIOTOS 集成 NodeRed  =   工控设备上位机（GUI / HMI）

• UIOTOS 集成 APIJSON   =   中后台业务管理（CRUD）

点击“阅读原文”，获取联系方式！

往期文章：

• 可视化拖拽过时了？

• UIOTOS：工业APP搭建神器！

• NodeRed：无代码也能做上位机！

• UIOTOS+IoT平台=IoT的Windows

• GUI图形界面 无代码开发 原理 2 - 属性继承的重写

• UI界面+IoT场景+OS应用：UIOTOS入门学习（一）

• UI界面+IoT场景+OS应用：UIOTOS入门学习（二）

• UI界面+IoT场景+OS应用：UIOTOS入门学习（三） 拖拽、连线

• UI界面+IoT场景+OS应用：UIOTOS入门学习（四）页面嵌套-核心

• UI界面+IoT场景+OS应用：UIOTOS入门学习（五）无代码属性继承 — 前端面向对象的零代码编程「精髓」

• nodered集成到uiotos，封装opc-ua对接plc！

• 还在卷组态？技术创新是王道！神奇的页面嵌套！

• 忘掉低代码！零代码来了，项目售前交付利器

• 关于流程编排、节点连线，看这一篇就够了！

• iframe「替代」方案uiotos：最新嵌套技术的用途

• 用uiotos，无WEB基础，也能开发前端！

• 拖拉拽 ≈ 可视化 ≠ 应用

• 原型，也能直接当界面！

• uiotos「无代码」搭移动端H5界面 示例

• 产品经理也能干前端，原型即应用！

• 无代码编程，界面开发你也行！