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

【问题标题】：How do you use the showhide effect found in the Dart Widget Package你如何使用 Dart Widget Package 中的 showhide 效果
【发布时间】：2013-08-05 08:57:51
【问题描述】：

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

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

不知道如何使用它。谁有我可以看的例子？

基本上，如果某个事件发生，我想要一个下拉菜单显示其中一种效果。

感谢您的提示。

谢谢。

【问题讨论】：

标签： dart dart-webui dart-pub

【解决方案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 等。

【讨论】：