如何使用的飞镖Widget包

Question

发现我在尝试使用自带的凯文·穆尔的Widget包这里显示隐藏效果显示隐藏效果：

http://dart-lang.github.io/widget.dart/#showhide

不知道如何使用它。任何人都可以看到我可以看到的例子吗？

基本上所有我想要的是，如果发生某个事件，下拉列表可以显示其中一种效果。

您的提示赞赏。

谢谢。

Answer 1

您需要将事件的侦听器添加到DOM中的元素，然后使用ShowHide.toggle（element，effect）来触发效果。这里是一个监听按钮上点击一个例子，并切换FadeEffect图像上每按一次：

var button = query("#fadeButton") 
     ..onClick.listen((event) { 
     ShowHide.toggle(query("#fadeImage"), effect: new FadeEffect()); 
     }); 

如果你想，当你单击菜单栏上的淡入/淡出下拉，然后将“fadeButton”替换为侦听点击的菜单，使用下拉元素替换“fadeImage”。

另外，任何其他效果都可以替代FadeEffect，如DoorEffect，ScaleEffect，ShrinkEffect等。