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 '../theme2/colors.dart'; | 5 import '../theme2/colors.dart'; |
6 import '../theme2/edges.dart'; | 6 import '../theme2/edges.dart'; |
7 import 'button_base.dart'; | 7 import 'button_base.dart'; |
8 import 'ink_well.dart'; | 8 import 'ink_well.dart'; |
9 import 'material.dart'; | 9 import 'material.dart'; |
10 import 'wrappers.dart'; | 10 import 'basic.dart'; |
11 | 11 |
12 // TODO(eseidel): This needs to change based on device size? | 12 // TODO(eseidel): This needs to change based on device size? |
13 // http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylin
es-keylines-spacing | 13 // http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylin
es-keylines-spacing |
14 const double _kSize = 56.0; | 14 const double _kSize = 56.0; |
15 | 15 |
16 class FloatingActionButton extends ButtonBase { | 16 class FloatingActionButton extends ButtonBase { |
17 | 17 |
18 FloatingActionButton({ Object key, this.child }) | 18 FloatingActionButton({ Object key, this.child }) |
19 : super(key: key); | 19 : super(key: key); |
20 | 20 |
21 final UINode child; | 21 final UINode child; |
22 | 22 |
23 UINode buildContent() { | 23 UINode buildContent() { |
24 return new Material( | 24 return new Material( |
25 child: new ClipOval( | 25 child: new ClipOval( |
26 child: new Container( | 26 child: new Container( |
27 width: _kSize, | 27 width: _kSize, |
28 height: _kSize, | 28 height: _kSize, |
29 child: new InkWell(child: new Center(child: child)) | 29 child: new InkWell(child: new Center(child: child)) |
30 ) | 30 ) |
31 ), | 31 ), |
32 color: Red[500], | 32 color: Red[500], |
33 edge: MaterialEdge.circle, | 33 edge: MaterialEdge.circle, |
34 level: highlight ? 3 : 2 | 34 level: highlight ? 3 : 2 |
35 ); | 35 ); |
36 } | 36 } |
37 | 37 |
38 } | 38 } |
OLD | NEW |