你如何使用Dart Widget Package中的showhide效果

Question

我正在尝试使用Kevin Moore的小部件包附带的ShowHide效果：

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等。