OLD | NEW |
| (Empty) |
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 | |
3 // found in the LICENSE file. | |
4 | |
5 import 'dart:sky'; | |
6 import 'dart:math' as math; | |
7 | |
8 import 'package:sky/rendering/block.dart'; | |
9 import 'package:sky/rendering/box.dart'; | |
10 import 'package:sky/rendering/flex.dart'; | |
11 import 'package:sky/rendering/object.dart'; | |
12 import 'package:sky/rendering/paragraph.dart'; | |
13 import 'package:sky/rendering/sky_binding.dart'; | |
14 | |
15 import '../lib/solid_color_box.dart'; | |
16 | |
17 // Attempts to draw | |
18 // http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/images/flex-pack.svg | |
19 void main() { | |
20 var table = new RenderFlex(direction: FlexDirection.vertical); | |
21 | |
22 void addRow(FlexJustifyContent justify) { | |
23 RenderParagraph paragraph = new RenderParagraph(new InlineText("${justify}")
); | |
24 table.add(new RenderPadding(child: paragraph, padding: new EdgeDims.only(top
: 20.0))); | |
25 var row = new RenderFlex(direction: FlexDirection.horizontal); | |
26 row.add(new RenderSolidColorBox(const Color(0xFFFFCCCC), desiredSize: new Si
ze(80.0, 60.0))); | |
27 row.add(new RenderSolidColorBox(const Color(0xFFCCFFCC), desiredSize: new Si
ze(64.0, 60.0))); | |
28 row.add(new RenderSolidColorBox(const Color(0xFFCCCCFF), desiredSize: new Si
ze(160.0, 60.0))); | |
29 row.justifyContent = justify; | |
30 table.add(row); | |
31 row.parentData.flex = 1; | |
32 } | |
33 | |
34 addRow(FlexJustifyContent.flexStart); | |
35 addRow(FlexJustifyContent.flexEnd); | |
36 addRow(FlexJustifyContent.center); | |
37 addRow(FlexJustifyContent.spaceBetween); | |
38 addRow(FlexJustifyContent.spaceAround); | |
39 | |
40 RenderDecoratedBox root = new RenderDecoratedBox( | |
41 decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)), | |
42 child: new RenderPadding(child: table, padding: new EdgeDims.symmetric(verti
cal: 50.0)) | |
43 ); | |
44 | |
45 new SkyBinding(root: root); | |
46 } | |
OLD | NEW |