Use AnimationVariables to drive PopupMenu animation

sky/sdk/lib/widgets/popup_menu.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import 'dart:math' as math;
 import 'dart:sky' as sky;
 
 import 'package:sky/animation/animation_performance.dart';
 import 'package:sky/painting/box_painter.dart';
 import 'package:sky/theme/colors.dart';
@@ skipping 28 matching lines @@
     this.onStatusChanged,
     this.items,
     this.level
   }) : super(key: key);
 
   bool showing;
   PopupMenuStatusChangedCallback onStatusChanged;
   List<PopupMenuItem> items;
   int level;
 
-  AnimatedType<double> _position;
+  AnimatedType<double> _opacity;
+  AnimatedType<double> _height;
+  AnimatedType<double> _width;
+  List<AnimatedType<double>> _itemOpacities;
   AnimationPerformance _performance;
 
   void initState() {
-    _position = new AnimatedType<double>(0.0, end: 1.0);
     _performance = new AnimationPerformance()
-      ..variable = _position
       ..addListener(_checkForStateChanged);
+    _updateAnimationVariables();
     watch(_performance);
     _updateBoxPainter();
     if (showing)
       _open();
   }
 
   void syncFields(PopupMenu source) {
     if (showing != source.showing) {
       showing = source.showing;
       if (showing)
         _open();
       else
         _close();
     }
     onStatusChanged = source.onStatusChanged;
     if (level != source.level) {
       level = source.level;
       _updateBoxPainter();
     }
+    if (items.length != source.items.length)
+      _updateAnimationVariables();
     items = source.items;
     super.syncFields(source);
   }
 
+  void _updateAnimationVariables() {
+    _opacity = new AnimatedType<double>(0.0, end: 1.0);
+    _width = new AnimatedType<double>(0.5, end: 1.0, interval: new Interval(0.0, 0.5));
+    _height = new AnimatedType<double>(0.0, end: 1.0, interval: new Interval(0.0, 0.33));
+    _itemOpacities = new List<AnimatedType<double>>();
+    double unit = 1.0 / items.length;
+    for (int i = 0; i < items.length; ++i) {
+      double start = i * unit;
+      double end = (start + 1.5 * unit).clamp(0.0, 1.0);
+      _itemOpacities.add(new AnimatedType<double>(
+          0.0, end: 1.0, interval: new Interval(start, end)));
+    }
+    List<AnimatedVariable> variables = new List<AnimatedVariable>()
+      ..add(_opacity)
+      ..add(_width)
+      ..add(_height)
+      ..addAll(_itemOpacities);
+    _performance.variable = new AnimatedList(variables);
+  }
+
   void _updateBoxPainter() {
     _painter = new BoxPainter(new BoxDecoration(
       backgroundColor: Grey[50],
       borderRadius: 2.0,
       boxShadow: shadows[level]));
   }
 
-  PopupMenuStatus get _status => _position.value != 0.0 ? PopupMenuStatus.active : PopupMenuStatus.inactive;
+  PopupMenuStatus get _status => _opacity.value != 0.0 ? PopupMenuStatus.active : PopupMenuStatus.inactive;
 
   PopupMenuStatus _lastStatus;
   void _checkForStateChanged() {
     PopupMenuStatus status = _status;
     if (_lastStatus != null && status != _lastStatus && onStatusChanged != null)
       onStatusChanged(status);
     _lastStatus = status;
   }
 
   void _open() {
     _performance
       ..duration = _kMenuOpenDuration
       ..play();
   }
 
   void _close() {
     _performance
       ..duration = _kMenuCloseDuration
       ..reverse();
   }
 
   BoxPainter _painter;
 
-  double _opacityFor(int i) {
-    assert(_position.value != null);
-    if (_position.value == null || _position.value == 1.0)
-      return 1.0;
-    double unit = 1.0 / items.length;
-    double duration = 1.5 * unit;
-    double start = i * unit;
-    return math.max(0.0, math.min(1.0, (_position.value - start) / duration));
-  }
-
   Widget build() {
     int i = 0;
     List<Widget> children = new List.from(items.map((Widget item) {
-      return new Opacity(opacity: _opacityFor(i++), child: item);
+      return new Opacity(opacity: _itemOpacities[i++].value, child: item);
     }));
 
     return new Opacity(
-      opacity: math.min(1.0, _position.value * 3.0),
+      opacity: math.min(1.0, _opacity.value * 3.0),
       child: new Container(
         margin: new EdgeDims.all(_kMenuMargin),
         child: new CustomPaint(
           callback: (sky.Canvas canvas, Size size) {
-            double width = math.min(size.width, size.width * (0.5 + _position.value * 2.0));
-            double height = math.min(size.height, size.height * _position.value * 1.5);
+            double width = _width.value * size.width;
+            double height = _height.value * size.height;
             _painter.paint(canvas, new Rect.fromLTRB(size.width - width, 0.0, width, height));
           },
           child: new ConstrainedBox(
             constraints: new BoxConstraints(
               minWidth: _kMenuMinWidth,
               maxWidth: _kMenuMaxWidth
             ),
             child: new ShrinkWrapWidth(
               stepWidth: _kMenuWidthStep,
               child: new ScrollableViewport(
                 child: new Container(
                   padding: const EdgeDims.symmetric(
                     horizontal: _kMenuHorizontalPadding,
                     vertical: _kMenuVerticalPadding
                   ),
                   child: new Block(children)
                 )
               )
             )
           )
         )
       )
     );
   }
 
 }