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 |