Change how events are handled in Effen

sky/examples/stocks-fn/lib/stock_app.dart

Index: sky/examples/stocks-fn/lib/stock_app.dart
diff --git a/sky/examples/stocks-fn/lib/stock_app.dart b/sky/examples/stocks-fn/lib/stock_app.dart
index b0928ddb71ab8f0b83c0bbafadef0e32aa70477b..f79c26ad182c8e9b01c9d78b7df51b3d43e68aa9 100644
--- a/sky/examples/stocks-fn/lib/stock_app.dart
+++ b/sky/examples/stocks-fn/lib/stock_app.dart
@@ -20,7 +20,7 @@ import 'stock_menu.dart';
 class StocksApp extends App {
 
   DrawerController _drawerController = new DrawerController();
-  PopupMenuController _menuController = new PopupMenuController();
+  PopupMenuController _menuController;
 
   static Style _style = new Style('''
     display: flex;
@@ -58,6 +58,7 @@ class StocksApp extends App {
 
   void _handleMenuClick(_) {
     setState(() {
+      _menuController = new PopupMenuController();

[abarth-chromium, 2015/03/19 14:19:59]

Interesting.  I need to study this more.  My intent was that different popup
menus could attach to the same PopupMenuController at different times.  I
probably messed something up somewhere.  Certainly not an issue for this CL.

       _menuController.open();
     });
   }
@@ -111,22 +112,28 @@ class StocksApp extends App {
 
     var toolbar = new ActionBar(
       children: [
-        new Icon(key: 'menu', style: _iconStyle,
-            size: 24,
-            type: 'navigation/menu_white')
-          ..events.listen('gesturetap', _drawerController.toggle),
+        new EventTarget(
+          new Icon(key: 'menu', style: _iconStyle,
+              size: 24,
+              type: 'navigation/menu_white'),
+          onGestureTap: _drawerController.toggle
+        ),
         new Container(
           style: _titleStyle,
           children: [title]
         ),
-        new Icon(key: 'search', style: _iconStyle,
-            size: 24,
-            type: 'action/search_white')
-          ..events.listen('gesturetap', _handleSearchClick),
-        new Icon(key: 'more_white', style: _iconStyle,
-            size: 24,
-            type: 'navigation/more_vert_white')
-          ..events.listen('gesturetap', _handleMenuClick),
+        new EventTarget(
+          new Icon(key: 'search', style: _iconStyle,
+              size: 24,
+              type: 'action/search_white'),
+          onGestureTap: _handleSearchClick
+        ),
+        new EventTarget(
+          new Icon(key: 'more_white', style: _iconStyle,
+              size: 24,
+              type: 'navigation/more_vert_white'),
+          onGestureTap: _handleMenuClick
+        )
       ]
     );
 
@@ -145,15 +152,19 @@ class StocksApp extends App {
       drawer
     ];
 
-    if (_menuController.isOpen) {
-      children.add(new StockMenu(controller: _menuController)
-                   ..events.listen('gesturetap', (_) {
-        // TODO(abarth): We should close the menu when you tap away from the
-        // menu rather than when you tap on the menu.
-        setState(() {
-          _menuController.close();
-        });
-      }));
+    if (_menuController != null) {
+      var menu = new EventTarget(
+        new StockMenu(controller: _menuController),
+        onGestureTap: (_) {
+          // TODO(abarth): We should close the menu when you tap away from the
+          // menu rather than when you tap on the menu.
+          setState(() {
+            _menuController.close();
+            _menuController = null;
+          });
+        }
+      );
+      children.add(menu);
     }
 
     return new Container(key: 'StocksApp', children: children);