Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(229)

Side by Side Diff: sky/examples/raw/simple_render_tree.dart

Issue 1146123003: Move simple_render_tree into tests as render_flex (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: now with expected.txt Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | sky/sdk/lib/framework/layout2.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(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 'package:sky/framework/app.dart';
7 import 'package:sky/framework/layout2.dart';
8
9 class RenderSolidColor extends RenderDecoratedBox {
10 final Size desiredSize;
11 final int backgroundColor;
12
13 RenderSolidColor(int backgroundColor, { this.desiredSize: const sky.Size.infin ite() })
14 : backgroundColor = backgroundColor,
15 super(new BoxDecoration(backgroundColor: backgroundColor)) {
16 }
17
18 BoxDimensions getIntrinsicDimensions(BoxConstraints constraints) {
19 return new BoxDimensions.withConstraints(constraints,
20 width: desiredSize.width,
21 height: desiredSize.height);
22 }
23
24 void performLayout() {
25 size = constraints.constrain(desiredSize);
26 }
27
28 void handlePointer(PointerEvent event) {
29 if (event.type == 'pointerdown')
30 decoration = new BoxDecoration(backgroundColor: 0xFFFF0000);
31 else if (event.type == 'pointerup')
32 decoration = new BoxDecoration(backgroundColor: backgroundColor);
33 }
34 }
35
36 AppView app;
37
38 void main() {
39 var root = new RenderFlex(
40 direction: FlexDirection.Vertical,
41 decoration: new BoxDecoration(backgroundColor: 0xFF000000));
42
43 void addFlexChild(RenderFlex parent, int backgroundColor, { int flex: 0 }) {
44 RenderNode child = new RenderSolidColor(backgroundColor);
45 parent.add(child);
46 child.parentData.flex = flex;
47 }
48
49 // Yellow bar at top
50 addFlexChild(root, 0xFFFFFF00, flex: 1);
51
52 // Turquoise box
53 root.add(new RenderSolidColor(0x7700FFFF, desiredSize: new Size(100.0, 100.0)) );
54
55 // Green and cyan render block with padding
56 var renderBlock = new RenderBlock(decoration: new BoxDecoration(backgroundColo r: 0xFFFFFFFF));
57
58 renderBlock.add(new RenderSolidColor(0xFF00FF00, desiredSize: new Size(100.0, 50.0)));
59 renderBlock.add(new RenderSolidColor(0x7700FFFF, desiredSize: new Size(50.0, 1 00.0)));
60
61 root.add(new RenderPadding(const EdgeDims(10.0, 10.0, 10.0, 10.0), renderBlock ));
62
63 var row = new RenderFlex(
64 direction: FlexDirection.Horizontal,
65 decoration: new BoxDecoration(backgroundColor: 0xFF333333));
66
67 // Purple and blue cells
68 addFlexChild(row, 0x77FF00FF, flex: 1);
69 addFlexChild(row, 0xFF0000FF, flex: 2);
70
71 root.add(row);
72 row.parentData.flex = 3;
73
74 app = new AppView(root);
75
76 }
OLDNEW
« no previous file with comments | « no previous file | sky/sdk/lib/framework/layout2.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698