Как вы используете эффект showhide из пакета Dart Widget Package?

Я пытаюсь использовать эффект ShowHide, который поставляется с пакетом виджетов Кевина Мура:

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

Не уверен, как это использовать. У кого-нибудь есть пример, на который я могу посмотреть?

В основном все, что я хочу, это чтобы раскрывающийся список показывал один из этих эффектов, если произойдет определенное событие.

Ваши советы оценены.

Спасибо.


dart dart-pub dart-webui
person Softinio    schedule 04.08.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно добавить прослушиватель события к элементу в 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 и т. д.

person ringstaff    schedule 12.08.2013