使用 Servoy 翻转图像媒体答案

【问题标题】：Rollover Image Media with Servoy使用 Servoy 翻转图像媒体
【发布时间】：2016-02-22 14:15:15
【问题描述】：

我正在尝试在 Servoy 中编写翻转图像媒体的代码。有人可以帮我解决语法。我不能使用设计编辑器，因为表单是在代码中构建的。

如果此代码显示图像：

globals.AddButton(v_form,v_action,10,'addRecord.png','Add New Record');

当我用鼠标悬停时如何修改它以显示“addRecord_ro.png”？

提前致谢

【问题讨论】：

【解决方案1】：

您可以使用 WebClientUtils 将 CSS 样式表添加到您的应用程序：

plugins.WebClientUtils.addCssReference('http://yourserver.com/css/yourstyle.css')

在该样式表中创建一个 css 类，如下所示：

.my-button:hover { background-image: url(myImage_folder/myImage.png); }

然后在显示表单时，将 my-button 样式分配给您的按钮：

plugins.WebClientUtils.setExtraCssClass(elements.btn_find, 'my-button');

注意：您只能在 Web 客户端 中执行此操作，因为 Smart Client 不支持 :hover 事件。

参考资料：

https://servoy.com/forum/viewtopic.php?f=3&t=19403 - 在 Servoy 中更改 :hover 上按钮的背景颜色

【讨论】：