OLD | NEW |
1 <!-- | 1 <!-- |
2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 The Chromium Authors. All rights reserved. |
3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
5 --> | 5 --> |
6 <import src="sky-element.sky" /> | 6 <import src="sky-element.sky" /> |
7 | 7 |
8 <sky-element> | 8 <sky-element> |
9 <template> | 9 <template> |
10 <style> | 10 <style> |
(...skipping 13 matching lines...) Expand all Loading... |
24 border-radius: 0; | 24 border-radius: 0; |
25 top: 0; | 25 top: 0; |
26 left: 0; | 26 left: 0; |
27 height: 0; | 27 height: 0; |
28 width: 0; | 28 width: 0; |
29 } | 29 } |
30 </style> | 30 </style> |
31 <div id="splash" /> | 31 <div id="splash" /> |
32 </template> | 32 </template> |
33 <script> | 33 <script> |
34 import "../animation/controller.dart"; | |
35 import "../animation/curves.dart"; | 34 import "../animation/curves.dart"; |
36 import "../animation/timer.dart"; | 35 import "animation/controller.dart"; |
| 36 import "animation/timer.dart"; |
37 import "dart:math" as math; | 37 import "dart:math" as math; |
38 import "dart:sky"; | 38 import "dart:sky"; |
39 import "dart:async"; | 39 import "dart:async"; |
40 | 40 |
41 const double _kSplashSize = 400.0; | 41 const double _kSplashSize = 400.0; |
42 const double _kSplashDuration = 500.0; | 42 const double _kSplashDuration = 500.0; |
43 | 43 |
44 @Tagname('sky-ink-splash') | 44 @Tagname('sky-ink-splash') |
45 class SkyInkSplash extends SkyElement implements AnimationDelegate { | 45 class SkyInkSplash extends SkyElement implements AnimationDelegate { |
46 AnimationController _animation; | 46 AnimationController _animation; |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
89 _splash.style['width'] = '${p}px'; | 89 _splash.style['width'] = '${p}px'; |
90 _splash.style['height'] = '${p}px'; | 90 _splash.style['height'] = '${p}px'; |
91 _splash.style['border-radius'] = '${p}px'; | 91 _splash.style['border-radius'] = '${p}px'; |
92 _splash.style['opacity'] = '${1.0 - (p / _kSplashSize)}'; | 92 _splash.style['opacity'] = '${1.0 - (p / _kSplashSize)}'; |
93 } | 93 } |
94 } | 94 } |
95 | 95 |
96 _init(script) => register(script, SkyInkSplash); | 96 _init(script) => register(script, SkyInkSplash); |
97 </script> | 97 </script> |
98 </sky-element> | 98 </sky-element> |
OLD | NEW |