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 |