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 'package:sky/framework/theme2/colors.dart' as colors; | 5 import 'package:sky/framework/theme2/colors.dart' as colors; |
6 | 6 |
7 import 'dart:sky' as sky; | 7 import 'dart:sky' as sky; |
8 import '../fn2.dart'; | 8 import '../fn2.dart'; |
9 import '../rendering/box.dart'; | 9 import '../rendering/box.dart'; |
10 import '../rendering/object.dart'; | 10 import '../rendering/object.dart'; |
(...skipping 14 matching lines...) Expand all Loading... |
25 super.syncFields(source); | 25 super.syncFields(source); |
26 } | 26 } |
27 | 27 |
28 void _handleClick(sky.Event e) { | 28 void _handleClick(sky.Event e) { |
29 onChanged(!checked); | 29 onChanged(!checked); |
30 } | 30 } |
31 | 31 |
32 UINode buildContent() { | 32 UINode buildContent() { |
33 // TODO(jackson): This should change colors with the theme | 33 // TODO(jackson): This should change colors with the theme |
34 sky.Color color = highlight ? colors.Purple[500] : const sky.Color(0x8A00000
0); | 34 sky.Color color = highlight ? colors.Purple[500] : const sky.Color(0x8A00000
0); |
35 const double edgeSize = 20.0; | 35 const double kEdgeSize = 20.0; |
36 const double edgeRadius = 1.0; | 36 const double kEdgeRadius = 1.0; |
37 return new EventListenerNode( | 37 return new EventListenerNode( |
38 new Container( | 38 new Container( |
39 margin: const EdgeDims.symmetric(horizontal: 5.0), | 39 margin: const EdgeDims.symmetric(horizontal: 5.0), |
40 width: edgeSize + 2.0, | 40 width: kEdgeSize + 2.0, |
41 height: edgeSize + 2.0, | 41 height: kEdgeSize + 2.0, |
42 child: new CustomPaint( | 42 child: new CustomPaint( |
43 callback: (sky.Canvas canvas) { | 43 callback: (sky.Canvas canvas, Size size) { |
44 | 44 |
45 sky.Paint paint = new sky.Paint()..color = color | 45 sky.Paint paint = new sky.Paint()..color = color |
46 ..strokeWidth = 2.0; | 46 ..strokeWidth = 2.0; |
47 | 47 |
48 // Draw the outer rrect | 48 // Draw the outer rrect |
49 paint.setStyle(checked ? sky.PaintingStyle.strokeAndFill : sky.Paint
ingStyle.stroke); | 49 paint.setStyle(checked ? sky.PaintingStyle.strokeAndFill : sky.Paint
ingStyle.stroke); |
50 sky.Rect rect = new sky.Rect.fromLTRB(0.0, 0.0, edgeSize, edgeSize); | 50 sky.Rect rect = new sky.Rect.fromLTRB(0.0, 0.0, kEdgeSize, kEdgeSize
); |
51 sky.RRect rrect = new sky.RRect()..setRectXY(rect, edgeRadius, edgeR
adius); | 51 sky.RRect rrect = new sky.RRect()..setRectXY(rect, kEdgeRadius, kEdg
eRadius); |
52 canvas.drawRRect(rrect, paint); | 52 canvas.drawRRect(rrect, paint); |
53 | 53 |
54 // Draw the inner check | 54 // Draw the inner check |
55 if (checked) { | 55 if (checked) { |
56 // TODO(jackson): Use the theme color | 56 // TODO(jackson): Use the theme color |
57 paint.color = const sky.Color(0xFFFFFFFF); | 57 paint.color = const sky.Color(0xFFFFFFFF); |
58 paint.setStyle(sky.PaintingStyle.stroke); | 58 paint.setStyle(sky.PaintingStyle.stroke); |
59 sky.Path path = new sky.Path(); | 59 sky.Path path = new sky.Path(); |
60 path.moveTo(edgeSize * 0.2, edgeSize * 0.5); | 60 path.moveTo(kEdgeSize * 0.2, kEdgeSize * 0.5); |
61 path.lineTo(edgeSize * 0.4, edgeSize * 0.7); | 61 path.lineTo(kEdgeSize * 0.4, kEdgeSize * 0.7); |
62 path.lineTo(edgeSize * 0.8, edgeSize * 0.3); | 62 path.lineTo(kEdgeSize * 0.8, kEdgeSize * 0.3); |
63 canvas.drawPath(path, paint); | 63 canvas.drawPath(path, paint); |
64 } | 64 } |
65 } | 65 } |
66 ) | 66 ) |
67 ), | 67 ), |
68 onGestureTap: _handleClick | 68 onGestureTap: _handleClick |
69 ); | 69 ); |
70 } | 70 } |
71 | 71 |
72 } | 72 } |
OLD | NEW |