| 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:math'; | |
| 6 import 'dart:sky'; | 5 import 'dart:sky'; |
| 6 import 'package:sky/framework/app.dart'; |
| 7 import 'package:sky/framework/layout2.dart'; | 7 import 'package:sky/framework/layout2.dart'; |
| 8 | 8 |
| 9 class RenderSolidColor extends RenderDecoratedBox { | 9 class RenderSolidColor extends RenderDecoratedBox { |
| 10 final double desiredHeight; | 10 final double desiredHeight; |
| 11 final double desiredWidth; | 11 final double desiredWidth; |
| 12 final int backgroundColor; | 12 final int backgroundColor; |
| 13 | 13 |
| 14 RenderSolidColor(int backgroundColor, { this.desiredHeight: double.INFINITY, | 14 RenderSolidColor(int backgroundColor, { this.desiredHeight: double.INFINITY, |
| 15 this.desiredWidth: double.INFINITY }) | 15 this.desiredWidth: double.INFINITY }) |
| 16 : backgroundColor = backgroundColor, | 16 : backgroundColor = backgroundColor, |
| 17 super(new BoxDecoration(backgroundColor: backgroundColor)); | 17 super(new BoxDecoration(backgroundColor: backgroundColor)); |
| 18 | 18 |
| 19 BoxDimensions getIntrinsicDimensions(BoxConstraints constraints) { | 19 BoxDimensions getIntrinsicDimensions(BoxConstraints constraints) { |
| 20 return new BoxDimensions.withConstraints(constraints, | 20 return new BoxDimensions.withConstraints(constraints, |
| 21 height: desiredHeight, | 21 height: desiredHeight, |
| 22 width: desiredWidth); | 22 width: desiredWidth); |
| 23 } | 23 } |
| 24 | 24 |
| 25 void layout(BoxConstraints constraints, { RenderNode relayoutSubtreeRoot }) { | 25 void layout(BoxConstraints constraints, { RenderNode relayoutSubtreeRoot }) { |
| 26 width = constraints.constrainWidth(desiredWidth); | 26 width = constraints.constrainWidth(desiredWidth); |
| 27 height = constraints.constrainHeight(desiredHeight); | 27 height = constraints.constrainHeight(desiredHeight); |
| 28 layoutDone(); | 28 layoutDone(); |
| 29 } | 29 } |
| 30 | 30 |
| 31 bool handlePointer(PointerEvent event, { double x: 0.0, double y: 0.0 }) { | 31 void handlePointer(PointerEvent event) { |
| 32 if (event.type == 'pointerdown') { | 32 if (event.type == 'pointerdown') |
| 33 setBoxDecoration(new BoxDecoration(backgroundColor: 0xFFFF0000)); | 33 setBoxDecoration(new BoxDecoration(backgroundColor: 0xFFFF0000)); |
| 34 return true; | 34 else if (event.type == 'pointerup') |
| 35 } | |
| 36 | |
| 37 if (event.type == 'pointerup') { | |
| 38 setBoxDecoration(new BoxDecoration(backgroundColor: backgroundColor)); | 35 setBoxDecoration(new BoxDecoration(backgroundColor: backgroundColor)); |
| 39 return true; | |
| 40 } | |
| 41 | |
| 42 return false; | |
| 43 } | 36 } |
| 44 } | 37 } |
| 45 | 38 |
| 46 RenderView renderView; | 39 AppView app; |
| 47 | |
| 48 void beginFrame(double timeStamp) { | |
| 49 RenderNode.flushLayout(); | |
| 50 | |
| 51 renderView.paintFrame(); | |
| 52 } | |
| 53 | |
| 54 bool handleEvent(Event event) { | |
| 55 if (event is! PointerEvent) | |
| 56 return false; | |
| 57 return renderView.handlePointer(event, x: event.x, y: event.y); | |
| 58 } | |
| 59 | 40 |
| 60 void main() { | 41 void main() { |
| 61 view.setEventCallback(handleEvent); | |
| 62 view.setBeginFrameCallback(beginFrame); | |
| 63 | |
| 64 var root = new RenderFlex( | 42 var root = new RenderFlex( |
| 65 direction: FlexDirection.Vertical, | 43 direction: FlexDirection.Vertical, |
| 66 decoration: new BoxDecoration(backgroundColor: 0xFF000000)); | 44 decoration: new BoxDecoration(backgroundColor: 0xFF000000)); |
| 67 | 45 |
| 68 void addFlexChild(RenderFlex parent, int backgroundColor, { int flex: 0 }) { | 46 void addFlexChild(RenderFlex parent, int backgroundColor, { int flex: 0 }) { |
| 69 RenderNode child = new RenderSolidColor(backgroundColor); | 47 RenderNode child = new RenderSolidColor(backgroundColor); |
| 70 parent.add(child); | 48 parent.add(child); |
| 71 child.parentData.flex = flex; | 49 child.parentData.flex = flex; |
| 72 } | 50 } |
| 73 | 51 |
| (...skipping 17 matching lines...) Expand all Loading... |
| 91 direction: FlexDirection.Horizontal, | 69 direction: FlexDirection.Horizontal, |
| 92 decoration: new BoxDecoration(backgroundColor: 0xFF333333)); | 70 decoration: new BoxDecoration(backgroundColor: 0xFF333333)); |
| 93 | 71 |
| 94 // Purple and blue cells | 72 // Purple and blue cells |
| 95 addFlexChild(row, 0x77FF00FF, flex: 1); | 73 addFlexChild(row, 0x77FF00FF, flex: 1); |
| 96 addFlexChild(row, 0xFF0000FF, flex: 2); | 74 addFlexChild(row, 0xFF0000FF, flex: 2); |
| 97 | 75 |
| 98 root.add(row); | 76 root.add(row); |
| 99 row.parentData.flex = 3; | 77 row.parentData.flex = 3; |
| 100 | 78 |
| 101 renderView = new RenderView(root: root); | 79 app = new AppView(root); |
| 102 renderView.layout(newWidth: view.width, newHeight: view.height); | |
| 103 | 80 |
| 104 view.scheduleFrame(); | |
| 105 } | 81 } |
| OLD | NEW |