欧卡乐网站建设优化外包服务公司

哈喽，你好啊，我是雷工！

在做SCADA项目的时候，按钮是不可缺少的功能，但软件自带的按钮太丑，已经无法满足现如今客户对界面美观度的要求。
这时候就需要UI小姐姐设计美观大气的SCADA界面，但UI设计的按钮切图放到程序中只是图片素材，当添加了按钮功能时，虽然能实现按钮功能，但没有任何点击效果；
当遇到有需要连锁条件才能点击的按钮时，操作员无法区分是有连锁点击了没反应，还是系统界面卡死了导致的没点击成功，这时候有点击效果就能很好的区分这种问题。
本篇介绍一种实现按钮点击效果的方法，以下为操作过程。

一、效果演示：

1、当无点击效果时：
样例功能点击按钮时弹出对应弹窗，点击时无任何效果

2、当有点击效果时：
当点击按钮时，按钮有个缩小的点击效果。

二、实现步骤：

1、在KingSCADA的画面编辑器界面添加图像控件；

2、将UI设计好的按钮素材导入资源管理，并添加到界面。

3、将按钮素材拷贝成两个，设置成一大一小中心对齐：

4、将按钮图片的【MemberAccess】属性设置为【true】，需要在脚本内对该对象进行操作时需设置成true；

5、编辑按钮按下弹起脚本：

左键按下脚本：

Image185.Visible=false;
Image186.Visible=true;

左键弹起脚本：

Image185.Visible=true;
Image186.Visible=false;

6、编辑完效果脚本在接着编辑功能脚本

7、然后具有点击效果的按钮功能就做好了，特别简单。

三、后记

其实实现思路很简单，就是在点击时有个缩小的变化，实现该变化通过两个图片叠加，控制两个图片的显隐实现缩小放大的点击效果。
同样的思路还可以实现点击时颜色变化效果，点击时跑马灯效果，点击时波纹效果等等。
当然SCADA更讲究的是美观大气实用，太花里胡哨的效果也用不上。
这虽然是一个小功能介绍，但一个项目整体的好坏，除了漂亮美观，还要考虑到操作工实用性，细节决定品质。

廊坊·高楼
2023-12-24