UiApp按钮翻转setStyleAttribute

Question

在UiApp中有一种简单的方法可以在鼠标悬停在按钮上时更改setStyleAttribute。基本上我想创建一个翻转按钮。

Answer 1

是的，这是可能的，而且有点简单。

您必须创建两个客户端处理程序，一个用于在悬停时设置样式，另一个用于设置它。然后将它们添加到按钮，如下所示：

var btn = app.createButton('Button').setStyleAttributes({color:'blue'});
var setStyleHover = app.createClientHandler().forEventSource().setStyleAttributes({color:'red'});
var setStyleBack = app.createClientHandler().forEventSource().setStyleAttributes({color:'blue'});
btn.addMouseOverHandler(setStyleHover);
btn.addMouseOutHandler(setStyleBack);
//add button to your interface
//show app