如何使用的飛鏢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等。