| 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 import 'package:sky/framework/net/image_cache.dart' as image_cache; | 7 import 'package:sky/framework/net/image_cache.dart' as image_cache; |
| 8 import 'package:sky/framework/app.dart'; | 8 import 'package:sky/framework/app.dart'; |
| 9 import 'package:sky/framework/rendering/box.dart'; | 9 import 'package:sky/framework/rendering/box.dart'; |
| 10 import 'package:sky/framework/rendering/block.dart'; | 10 import 'package:sky/framework/rendering/block.dart'; |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 46 } | 46 } |
| 47 } | 47 } |
| 48 | 48 |
| 49 void main() { | 49 void main() { |
| 50 void addFlexChildSolidColor(RenderFlex parent, Color backgroundColor, { int fl
ex: 0 }) { | 50 void addFlexChildSolidColor(RenderFlex parent, Color backgroundColor, { int fl
ex: 0 }) { |
| 51 RenderSolidColorBox child = new RenderSolidColorBox(backgroundColor); | 51 RenderSolidColorBox child = new RenderSolidColorBox(backgroundColor); |
| 52 parent.add(child); | 52 parent.add(child); |
| 53 child.parentData.flex = flex; | 53 child.parentData.flex = flex; |
| 54 } | 54 } |
| 55 | 55 |
| 56 var row = new RenderFlex(direction: FlexDirection.Horizontal); | 56 var row = new RenderFlex(direction: FlexDirection.horizontal); |
| 57 | 57 |
| 58 // Left cell | 58 // Left cell |
| 59 addFlexChildSolidColor(row, const Color(0xFF00D2B8), flex: 1); | 59 addFlexChildSolidColor(row, const Color(0xFF00D2B8), flex: 1); |
| 60 | 60 |
| 61 // Resizeable image | 61 // Resizeable image |
| 62 image = new RenderImageGrow("https://www.dartlang.org/logos/dart-logo.png", | 62 image = new RenderImageGrow("https://www.dartlang.org/logos/dart-logo.png", |
| 63 new Size(100.0, null)); | 63 new Size(100.0, null)); |
| 64 var padding = new RenderPadding(padding: const EdgeDims.all(10.0), child: imag
e); | 64 var padding = new RenderPadding(padding: const EdgeDims.all(10.0), child: imag
e); |
| 65 row.add(padding); | 65 row.add(padding); |
| 66 | 66 |
| 67 RenderFlex column = new RenderFlex(direction: FlexDirection.Vertical); | 67 RenderFlex column = new RenderFlex(direction: FlexDirection.vertical); |
| 68 | 68 |
| 69 // Top cell | 69 // Top cell |
| 70 addFlexChildSolidColor(column, const Color(0xFF55DDCA), flex: 1); | 70 addFlexChildSolidColor(column, const Color(0xFF55DDCA), flex: 1); |
| 71 | 71 |
| 72 // The internet is a beautiful place. https://baconipsum.com/ | 72 // The internet is a beautiful place. https://baconipsum.com/ |
| 73 String meatyString = """Bacon ipsum dolor amet ham fatback tri-tip, prosciutto | 73 String meatyString = """Bacon ipsum dolor amet ham fatback tri-tip, prosciutto |
| 74 porchetta bacon kevin meatball meatloaf pig beef ribs chicken. Brisket ribeye | 74 porchetta bacon kevin meatball meatloaf pig beef ribs chicken. Brisket ribeye |
| 75 andouille leberkas capicola meatloaf. Chicken pig ball tip pork picanha bresaola | 75 andouille leberkas capicola meatloaf. Chicken pig ball tip pork picanha bresaola |
| 76 alcatra. Pork pork belly alcatra, flank chuck drumstick biltong doner jowl. | 76 alcatra. Pork pork belly alcatra, flank chuck drumstick biltong doner jowl. |
| 77 Pancetta meatball tongue tenderloin rump tail jowl boudin."""; | 77 Pancetta meatball tongue tenderloin rump tail jowl boudin."""; |
| 78 RenderParagraph paragraph = new RenderParagraph(text: meatyString, color: cons
t Color(0xFF009900)); | 78 RenderParagraph paragraph = new RenderParagraph(text: meatyString, color: cons
t Color(0xFF009900)); |
| 79 padding = new RenderPadding(padding: const EdgeDims.all(10.0), child: paragrap
h); | 79 padding = new RenderPadding(padding: const EdgeDims.all(10.0), child: paragrap
h); |
| 80 column.add(padding); | 80 column.add(padding); |
| 81 | 81 |
| 82 // Bottom cell | 82 // Bottom cell |
| 83 addFlexChildSolidColor(column, const Color(0xFF0081C6), flex: 2); | 83 addFlexChildSolidColor(column, const Color(0xFF0081C6), flex: 2); |
| 84 | 84 |
| 85 row.add(column); | 85 row.add(column); |
| 86 column.parentData.flex = 8; | 86 column.parentData.flex = 8; |
| 87 | 87 |
| 88 RenderDecoratedBox root = new RenderDecoratedBox( | 88 RenderDecoratedBox root = new RenderDecoratedBox( |
| 89 decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)), | 89 decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)), |
| 90 child: row | 90 child: row |
| 91 ); | 91 ); |
| 92 | 92 |
| 93 app = new AppView(root); | 93 app = new AppView(root); |
| 94 view.setEventCallback(handleEvent); | 94 view.setEventCallback(handleEvent); |
| 95 } | 95 } |
| OLD | NEW |