| OLD | NEW |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 import 'dart:sky' as sky; | 5 import 'dart:sky' as sky; |
| 6 import 'package:sky/framework/app.dart'; | 6 import 'package:sky/framework/app.dart'; |
| 7 import 'package:sky/framework/rendering/box.dart'; | 7 import 'package:sky/framework/rendering/box.dart'; |
| 8 import 'package:sky/framework/rendering/node.dart'; | 8 import 'package:sky/framework/rendering/object.dart'; |
| 9 import 'package:sky/framework/animation/animated_value.dart'; | 9 import 'package:sky/framework/animation/animated_value.dart'; |
| 10 import 'package:sky/framework/animation/curves.dart'; | 10 import 'package:sky/framework/animation/curves.dart'; |
| 11 | 11 |
| 12 const double _kInitialSize = 0.0; | 12 const double _kInitialSize = 0.0; |
| 13 const double _kTargetSize = 100.0; | 13 const double _kTargetSize = 100.0; |
| 14 const double _kSplashDuration = 500.0; | 14 const double _kSplashDuration = 500.0; |
| 15 const int _kInitialOpacity = 0x80; | 15 const int _kInitialOpacity = 0x80; |
| 16 | 16 |
| 17 class InkSplash { | 17 class InkSplash { |
| 18 final InkWell inkWell; | 18 final InkWell inkWell; |
| 19 final sky.Paint _paint = new sky.Paint(); | 19 final sky.Paint _paint = new sky.Paint(); |
| 20 final sky.Point position; | 20 final sky.Point position; |
| 21 AnimatedValue radius; | 21 AnimatedValue radius; |
| 22 | 22 |
| 23 InkSplash({ this.position, this.inkWell }) { | 23 InkSplash({ this.position, this.inkWell }) { |
| 24 radius = new AnimatedValue(_kInitialSize, onChange: _handleRadiusChange); | 24 radius = new AnimatedValue(_kInitialSize, onChange: _handleRadiusChange); |
| 25 radius.animateTo(_kTargetSize, _kSplashDuration, curve: easeOut); | 25 radius.animateTo(_kTargetSize, _kSplashDuration, curve: easeOut); |
| 26 } | 26 } |
| 27 | 27 |
| 28 void _handleRadiusChange() { | 28 void _handleRadiusChange() { |
| 29 if (radius.value == _kTargetSize) | 29 if (radius.value == _kTargetSize) |
| 30 inkWell._splashes.remove(this); | 30 inkWell._splashes.remove(this); |
| 31 inkWell.markNeedsPaint(); | 31 inkWell.markNeedsPaint(); |
| 32 } | 32 } |
| 33 | 33 |
| 34 void paint(RenderNodeDisplayList canvas) { | 34 void paint(RenderObjectDisplayList canvas) { |
| 35 int opacity = (_kInitialOpacity * (1.0 - (radius.value / _kTargetSize))).flo
or(); | 35 int opacity = (_kInitialOpacity * (1.0 - (radius.value / _kTargetSize))).flo
or(); |
| 36 _paint.color = new sky.Color(opacity << 24); | 36 _paint.color = new sky.Color(opacity << 24); |
| 37 canvas.drawCircle(position.x, position.y, radius.value, _paint); | 37 canvas.drawCircle(position.x, position.y, radius.value, _paint); |
| 38 } | 38 } |
| 39 } | 39 } |
| 40 | 40 |
| 41 class InkWell extends RenderBox { | 41 class InkWell extends RenderBox { |
| 42 final List<InkSplash> _splashes = new List<InkSplash>(); | 42 final List<InkSplash> _splashes = new List<InkSplash>(); |
| 43 | 43 |
| 44 void handleEvent(sky.Event event) { | 44 void handleEvent(sky.Event event) { |
| 45 switch (event.type) { | 45 switch (event.type) { |
| 46 case 'pointerdown': | 46 case 'pointerdown': |
| 47 _splashes.add(new InkSplash(position: new sky.Point(event.x, event.y), | 47 _splashes.add(new InkSplash(position: new sky.Point(event.x, event.y), |
| 48 inkWell: this)); | 48 inkWell: this)); |
| 49 break; | 49 break; |
| 50 } | 50 } |
| 51 markNeedsPaint(); | 51 markNeedsPaint(); |
| 52 } | 52 } |
| 53 | 53 |
| 54 void performLayout() { | 54 void performLayout() { |
| 55 size = constraints.constrain(new sky.Size.infinite()); | 55 size = constraints.constrain(new sky.Size.infinite()); |
| 56 } | 56 } |
| 57 | 57 |
| 58 void paint(RenderNodeDisplayList canvas) { | 58 void paint(RenderObjectDisplayList canvas) { |
| 59 canvas.drawRect(new sky.Rect.fromLTRB(0.0, 0.0, size.width, size.height), | 59 canvas.drawRect(new sky.Rect.fromLTRB(0.0, 0.0, size.width, size.height), |
| 60 new sky.Paint()..color = const sky.Color(0xFFCCCCCC)); | 60 new sky.Paint()..color = const sky.Color(0xFFCCCCCC)); |
| 61 for (InkSplash splash in _splashes) | 61 for (InkSplash splash in _splashes) |
| 62 splash.paint(canvas); | 62 splash.paint(canvas); |
| 63 } | 63 } |
| 64 } | 64 } |
| 65 | 65 |
| 66 AppView app; | 66 AppView app; |
| 67 | 67 |
| 68 void main() { | 68 void main() { |
| 69 app = new AppView(new InkWell()); | 69 app = new AppView(new InkWell()); |
| 70 } | 70 } |
| OLD | NEW |