어떻게 내가 여기 케빈 무어의 위젯 패키지와 함께 제공되는 ShowHide 효과를 사용하려고 다트 위젯 패키지

Question

에있는 showhide 효과를 사용합니까 :

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

이를 사용하는 방법을 확실하지. 누구든지 내가 볼 수있는 모범을 보았습니까?

기본적으로 원하는 것은 특정 이벤트가 발생하면 그 효과 중 하나를 표시하는 드롭 다운입니다.

귀하의 조언에 감사드립니다.

감사합니다.

Answer 1

이벤트의 수신기를 DOM의 요소에 추가 한 다음 ShowHide.toggle (요소, 효과)을 사용하여 효과를 트리거해야합니다. 여기 누를 때마다 버튼의 클릭을 수신 한 예이며, 이미지를 FadeEffect를 전환 :

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

당신이 메뉴 표시 줄을 클릭하면 인/아웃 드롭 다운을 페이드하고 싶었다면, 클릭을 청취하는 메뉴에는 "fadeButton"을, 드롭 다운 요소에는 "fadeImage"를 대입하십시오.

또한 DoorEffect, ScaleEffect, ShrinkEffect 등과 같은 다른 효과를 FadeEffect로 대체 할 수 있습니다.