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'; | 5 import 'dart:sky'; |
6 import 'package:sky/framework/app.dart'; | 6 import 'package:sky/framework/app.dart'; |
7 import 'package:sky/framework/layout2.dart'; | 7 import 'package:sky/framework/layout2.dart'; |
8 | 8 |
9 class RenderSolidColor extends RenderDecoratedBox { | 9 class RenderSolidColor extends RenderDecoratedBox { |
10 final double desiredHeight; | 10 final double desiredHeight; |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
49 child.parentData.flex = flex; | 49 child.parentData.flex = flex; |
50 } | 50 } |
51 | 51 |
52 // Yellow bar at top | 52 // Yellow bar at top |
53 addFlexChild(root, 0xFFFFFF00, flex: 1); | 53 addFlexChild(root, 0xFFFFFF00, flex: 1); |
54 | 54 |
55 // Turquoise box | 55 // Turquoise box |
56 root.add(new RenderSolidColor(0x7700FFFF, desiredHeight: 100.0, desiredWidth:
100.0)); | 56 root.add(new RenderSolidColor(0x7700FFFF, desiredHeight: 100.0, desiredWidth:
100.0)); |
57 | 57 |
58 // Green and cyan render block with padding | 58 // Green and cyan render block with padding |
59 var renderBlock = new RenderBlock( | 59 var renderBlock = new RenderBlock(decoration: new BoxDecoration(backgroundColo
r: 0xFFFFFFFF)); |
60 decoration: new BoxDecoration(backgroundColor: 0xFFFFFFFF), | |
61 padding: const EdgeDims(10.0, 10.0, 10.0, 10.0)); | |
62 | 60 |
63 renderBlock.add(new RenderSolidColor(0xFF00FF00, desiredHeight: 50.0, desiredW
idth: 100.0)); | 61 renderBlock.add(new RenderSolidColor(0xFF00FF00, desiredHeight: 50.0, desiredW
idth: 100.0)); |
64 renderBlock.add(new RenderSolidColor(0x7700FFFF, desiredHeight: 100.0, desired
Width: 50.0)); | 62 renderBlock.add(new RenderSolidColor(0x7700FFFF, desiredHeight: 100.0, desired
Width: 50.0)); |
65 | 63 |
66 root.add(renderBlock); | 64 root.add(new RenderPadding(const EdgeDims(10.0, 10.0, 10.0, 10.0), renderBlock
)); |
67 | 65 |
68 var row = new RenderFlex( | 66 var row = new RenderFlex( |
69 direction: FlexDirection.Horizontal, | 67 direction: FlexDirection.Horizontal, |
70 decoration: new BoxDecoration(backgroundColor: 0xFF333333)); | 68 decoration: new BoxDecoration(backgroundColor: 0xFF333333)); |
71 | 69 |
72 // Purple and blue cells | 70 // Purple and blue cells |
73 addFlexChild(row, 0x77FF00FF, flex: 1); | 71 addFlexChild(row, 0x77FF00FF, flex: 1); |
74 addFlexChild(row, 0xFF0000FF, flex: 2); | 72 addFlexChild(row, 0xFF0000FF, flex: 2); |
75 | 73 |
76 root.add(row); | 74 root.add(row); |
77 row.parentData.flex = 3; | 75 row.parentData.flex = 3; |
78 | 76 |
79 app = new AppView(root); | 77 app = new AppView(root); |
80 | 78 |
81 } | 79 } |
OLD | NEW |