| 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 'dart:math' as math; | 6 import 'dart:math' as math; |
| 7 | 7 |
| 8 import 'package:sky/rendering/block.dart'; | 8 import 'package:sky/rendering/block.dart'; |
| 9 import 'package:sky/rendering/box.dart'; | 9 import 'package:sky/rendering/box.dart'; |
| 10 import 'package:sky/rendering/flex.dart'; | 10 import 'package:sky/rendering/flex.dart'; |
| 11 import 'package:sky/rendering/object.dart'; | 11 import 'package:sky/rendering/object.dart'; |
| 12 import 'package:sky/rendering/paragraph.dart'; | 12 import 'package:sky/rendering/paragraph.dart'; |
| 13 import 'package:sky/rendering/sky_binding.dart'; | 13 import 'package:sky/rendering/sky_binding.dart'; |
| 14 | 14 |
| 15 import '../lib/solid_color_box.dart'; | 15 import 'solid_color_box.dart'; |
| 16 | 16 |
| 17 // Attempts to draw | 17 // Attempts to draw |
| 18 // http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/images/flex-pack.svg | 18 // http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/images/flex-pack.svg |
| 19 void main() { | 19 void main() { |
| 20 var table = new RenderFlex(direction: FlexDirection.vertical); | 20 var table = new RenderFlex(direction: FlexDirection.vertical); |
| 21 | 21 |
| 22 void addRow(FlexJustifyContent justify) { | 22 void addRow(FlexJustifyContent justify) { |
| 23 RenderParagraph paragraph = new RenderParagraph(new InlineText("${justify}")
); | 23 RenderParagraph paragraph = new RenderParagraph(new InlineText("${justify}")
); |
| 24 table.add(new RenderPadding(child: paragraph, padding: new EdgeDims.only(top
: 20.0))); | 24 table.add(new RenderPadding(child: paragraph, padding: new EdgeDims.only(top
: 20.0))); |
| 25 var row = new RenderFlex(direction: FlexDirection.horizontal); | 25 var row = new RenderFlex(direction: FlexDirection.horizontal); |
| (...skipping 11 matching lines...) Expand all Loading... |
| 37 addRow(FlexJustifyContent.spaceBetween); | 37 addRow(FlexJustifyContent.spaceBetween); |
| 38 addRow(FlexJustifyContent.spaceAround); | 38 addRow(FlexJustifyContent.spaceAround); |
| 39 | 39 |
| 40 RenderDecoratedBox root = new RenderDecoratedBox( | 40 RenderDecoratedBox root = new RenderDecoratedBox( |
| 41 decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)), | 41 decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)), |
| 42 child: new RenderPadding(child: table, padding: new EdgeDims.symmetric(verti
cal: 50.0)) | 42 child: new RenderPadding(child: table, padding: new EdgeDims.symmetric(verti
cal: 50.0)) |
| 43 ); | 43 ); |
| 44 | 44 |
| 45 new SkyBinding(root: root); | 45 new SkyBinding(root: root); |
| 46 } | 46 } |
| OLD | NEW |