dart - 你如何使用 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 等。