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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: sky/examples/raw/sector-layout.dart

Issue 1161003002: Split layout2.dart into several files (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: Created 5 years, 7 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « sky/examples/raw/render_paragraph.dart ('k') | sky/examples/raw/sector_layout.dart » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: sky/examples/raw/sector-layout.dart
diff --git a/sky/examples/raw/sector-layout.dart b/sky/examples/raw/sector-layout.dart
deleted file mode 100644
index c4c4627aba9248212b9e697946565b607e25a873..0000000000000000000000000000000000000000
--- a/sky/examples/raw/sector-layout.dart
+++ /dev/null
@@ -1,507 +0,0 @@
-// Copyright 2015 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import 'dart:math' as math;
-import 'dart:sky' as sky;
-import 'package:sky/framework/app.dart';
-import 'package:sky/framework/layout2.dart';
-
-const double kTwoPi = 2 * math.PI;
-
-double deg(double radians) => radians * 180.0 / math.PI;
-
-class SectorConstraints {
- const SectorConstraints({
- this.minDeltaRadius: 0.0,
- this.maxDeltaRadius: double.INFINITY,
- this.minDeltaTheta: 0.0,
- this.maxDeltaTheta: kTwoPi
- });
-
- const SectorConstraints.tight({ double deltaRadius: 0.0, double deltaTheta: 0.0 })
- : minDeltaRadius = deltaRadius,
- maxDeltaRadius = deltaRadius,
- minDeltaTheta = deltaTheta,
- maxDeltaTheta = deltaTheta;
-
- final double minDeltaRadius;
- final double maxDeltaRadius;
- final double minDeltaTheta;
- final double maxDeltaTheta;
-
- double constrainDeltaRadius(double deltaRadius) {
- return clamp(min: minDeltaRadius, max: maxDeltaRadius, value: deltaRadius);
- }
-
- double constrainDeltaTheta(double deltaTheta) {
- return clamp(min: minDeltaTheta, max: maxDeltaTheta, value: deltaTheta);
- }
-}
-
-class SectorDimensions {
- const SectorDimensions({ this.deltaRadius: 0.0, this.deltaTheta: 0.0 });
-
- factory SectorDimensions.withConstraints(
- SectorConstraints constraints,
- { double deltaRadius: 0.0, double deltaTheta: 0.0 }
- ) {
- return new SectorDimensions(
- deltaRadius: constraints.constrainDeltaRadius(deltaRadius),
- deltaTheta: constraints.constrainDeltaTheta(deltaTheta)
- );
- }
-
- final double deltaRadius;
- final double deltaTheta;
-}
-
-class SectorParentData extends ParentData {
- double radius = 0.0;
- double theta = 0.0;
-}
-
-abstract class RenderSector extends RenderNode {
-
- void setParentData(RenderNode child) {
- if (child.parentData is! SectorParentData)
- child.parentData = new SectorParentData();
- }
-
- SectorDimensions getIntrinsicDimensions(SectorConstraints constraints, double radius) {
- return new SectorDimensions.withConstraints(constraints);
- }
-
- SectorConstraints get constraints => super.constraints as SectorConstraints;
- void performResize() {
- // default behaviour for subclasses that have sizedByParent = true
- deltaRadius = constraints.constrainDeltaRadius(0.0);
- deltaTheta = constraints.constrainDeltaTheta(0.0);
- }
- void performLayout() {
- // descendants have to either override performLayout() to set both
- // the dimensions and lay out children, or, set sizedByParent to
- // true so that performResize()'s logic above does its thing.
- assert(sizedByParent);
- }
-
- bool hitTest(HitTestResult result, { double radius, double theta }) {
- assert(parentData is SectorParentData);
- if (radius < parentData.radius || radius >= parentData.radius + deltaRadius ||
- theta < parentData.theta || theta >= parentData.theta + deltaTheta)
- return false;
- hitTestChildren(result, radius: radius, theta: theta);
- result.add(this);
- return true;
- }
- void hitTestChildren(HitTestResult result, { double radius, double theta }) { }
-
- double deltaRadius;
- double deltaTheta;
-}
-
-class RenderDecoratedSector extends RenderSector {
-
- RenderDecoratedSector(BoxDecoration decoration) : _decoration = decoration;
-
- BoxDecoration _decoration;
- BoxDecoration get decoration => _decoration;
- void set decoration (BoxDecoration value) {
- if (value == _decoration)
- return;
- _decoration = value;
- markNeedsPaint();
- }
-
- // origin must be set to the center of the circle
- void paint(RenderNodeDisplayList canvas) {
- assert(deltaRadius != null);
- assert(deltaTheta != null);
- assert(parentData is SectorParentData);
-
- if (_decoration == null)
- return;
-
- if (_decoration.backgroundColor != null) {
- sky.Paint paint = new sky.Paint()..color = _decoration.backgroundColor;
- sky.Path path = new sky.Path();
- double outerRadius = (parentData.radius + deltaRadius);
- sky.Rect outerBounds = new sky.Rect.fromLTRB(-outerRadius, -outerRadius, outerRadius, outerRadius);
- path.arcTo(outerBounds, deg(parentData.theta), deg(deltaTheta), true);
- double innerRadius = parentData.radius;
- sky.Rect innerBounds = new sky.Rect.fromLTRB(-innerRadius, -innerRadius, innerRadius, innerRadius);
- path.arcTo(innerBounds, deg(parentData.theta + deltaTheta), deg(-deltaTheta), false);
- path.close();
- canvas.drawPath(path, paint);
- }
- }
-}
-
-class SectorChildListParentData extends SectorParentData with ContainerParentDataMixin<RenderSector> { }
-
-class RenderSectorWithChildren extends RenderDecoratedSector with ContainerRenderNodeMixin<RenderSector, SectorChildListParentData> {
- RenderSectorWithChildren(BoxDecoration decoration) : super(decoration);
-
- void hitTestChildren(HitTestResult result, { double radius, double theta }) {
- RenderSector child = lastChild;
- while (child != null) {
- assert(child.parentData is SectorChildListParentData);
- if (child.hitTest(result, radius: radius, theta: theta))
- return;
- child = child.parentData.previousSibling;
- }
- }
-}
-
-class RenderSectorRing extends RenderSectorWithChildren {
- // lays out RenderSector children in a ring
-
- RenderSectorRing({
- BoxDecoration decoration,
- double deltaRadius: double.INFINITY,
- double padding: 0.0
- }) : super(decoration), _padding = padding, _desiredDeltaRadius = deltaRadius;
-
- double _desiredDeltaRadius;
- double get desiredDeltaRadius => _desiredDeltaRadius;
- void set desiredDeltaRadius(double value) {
- assert(value != null);
- if (_desiredDeltaRadius != value) {
- _desiredDeltaRadius = value;
- markNeedsLayout();
- }
- }
-
- double _padding;
- double get padding => _padding;
- void set padding(double value) {
- // TODO(ianh): avoid code duplication
- assert(value != null);
- if (_padding != value) {
- _padding = value;
- markNeedsLayout();
- }
- }
-
- void setParentData(RenderNode child) {
- // TODO(ianh): avoid code duplication
- if (child.parentData is! SectorChildListParentData)
- child.parentData = new SectorChildListParentData();
- }
-
- SectorDimensions getIntrinsicDimensions(SectorConstraints constraints, double radius) {
- double outerDeltaRadius = constraints.constrainDeltaRadius(desiredDeltaRadius);
- double innerDeltaRadius = outerDeltaRadius - padding * 2.0;
- double childRadius = radius + padding;
- double paddingTheta = math.atan(padding / (radius + outerDeltaRadius));
- double innerTheta = paddingTheta; // increments with each child
- double remainingDeltaTheta = constraints.maxDeltaTheta - (innerTheta + paddingTheta);
- RenderSector child = firstChild;
- while (child != null) {
- SectorConstraints innerConstraints = new SectorConstraints(
- maxDeltaRadius: innerDeltaRadius,
- maxDeltaTheta: remainingDeltaTheta
- );
- SectorDimensions childDimensions = child.getIntrinsicDimensions(innerConstraints, childRadius);
- innerTheta += childDimensions.deltaTheta;
- remainingDeltaTheta -= childDimensions.deltaTheta;
- assert(child.parentData is SectorChildListParentData);
- child = child.parentData.nextSibling;
- if (child != null) {
- innerTheta += paddingTheta;
- remainingDeltaTheta -= paddingTheta;
- }
- }
- return new SectorDimensions.withConstraints(constraints,
- deltaRadius: outerDeltaRadius,
- deltaTheta: innerTheta);
- }
-
- void performLayout() {
- assert(this.parentData is SectorParentData);
- deltaRadius = constraints.constrainDeltaRadius(desiredDeltaRadius);
- assert(deltaRadius < double.INFINITY);
- double innerDeltaRadius = deltaRadius - padding * 2.0;
- double childRadius = this.parentData.radius + padding;
- double paddingTheta = math.atan(padding / (this.parentData.radius + deltaRadius));
- double innerTheta = paddingTheta; // increments with each child
- double remainingDeltaTheta = constraints.maxDeltaTheta - (innerTheta + paddingTheta);
- RenderSector child = firstChild;
- while (child != null) {
- SectorConstraints innerConstraints = new SectorConstraints(
- maxDeltaRadius: innerDeltaRadius,
- maxDeltaTheta: remainingDeltaTheta
- );
- assert(child.parentData is SectorParentData);
- child.parentData.theta = innerTheta;
- child.parentData.radius = childRadius;
- child.layout(innerConstraints, parentUsesSize: true);
- innerTheta += child.deltaTheta;
- remainingDeltaTheta -= child.deltaTheta;
- assert(child.parentData is SectorChildListParentData);
- child = child.parentData.nextSibling;
- if (child != null) {
- innerTheta += paddingTheta;
- remainingDeltaTheta -= paddingTheta;
- }
- }
- deltaTheta = innerTheta;
- }
-
- // paint origin is 0,0 of our circle
- // each sector then knows how to paint itself at its location
- void paint(RenderNodeDisplayList canvas) {
- // TODO(ianh): avoid code duplication
- super.paint(canvas);
- RenderSector child = firstChild;
- while (child != null) {
- assert(child.parentData is SectorChildListParentData);
- canvas.paintChild(child, new sky.Point(0.0, 0.0));
- child = child.parentData.nextSibling;
- }
- }
-
-}
-
-class RenderSectorSlice extends RenderSectorWithChildren {
- // lays out RenderSector children in a stack
-
- RenderSectorSlice({
- BoxDecoration decoration,
- double deltaTheta: kTwoPi,
- double padding: 0.0
- }) : super(decoration), _padding = padding, _desiredDeltaTheta = deltaTheta;
-
- double _desiredDeltaTheta;
- double get desiredDeltaTheta => _desiredDeltaTheta;
- void set desiredDeltaTheta(double value) {
- assert(value != null);
- if (_desiredDeltaTheta != value) {
- _desiredDeltaTheta = value;
- markNeedsLayout();
- }
- }
-
- double _padding;
- double get padding => _padding;
- void set padding(double value) {
- // TODO(ianh): avoid code duplication
- assert(value != null);
- if (_padding != value) {
- _padding = value;
- markNeedsLayout();
- }
- }
-
- void setParentData(RenderNode child) {
- // TODO(ianh): avoid code duplication
- if (child.parentData is! SectorChildListParentData)
- child.parentData = new SectorChildListParentData();
- }
-
- SectorDimensions getIntrinsicDimensions(SectorConstraints constraints, double radius) {
- assert(this.parentData is SectorParentData);
- double paddingTheta = math.atan(padding / this.parentData.radius);
- double outerDeltaTheta = constraints.constrainDeltaTheta(desiredDeltaTheta);
- double innerDeltaTheta = outerDeltaTheta - paddingTheta * 2.0;
- double childRadius = this.parentData.radius + padding;
- double remainingDeltaRadius = constraints.maxDeltaRadius - (padding * 2.0);
- RenderSector child = firstChild;
- while (child != null) {
- SectorConstraints innerConstraints = new SectorConstraints(
- maxDeltaRadius: remainingDeltaRadius,
- maxDeltaTheta: innerDeltaTheta
- );
- SectorDimensions childDimensions = child.getIntrinsicDimensions(innerConstraints, childRadius);
- childRadius += childDimensions.deltaRadius;
- remainingDeltaRadius -= childDimensions.deltaRadius;
- assert(child.parentData is SectorChildListParentData);
- child = child.parentData.nextSibling;
- childRadius += padding;
- remainingDeltaRadius -= padding;
- }
- return new SectorDimensions.withConstraints(constraints,
- deltaRadius: childRadius - this.parentData.radius,
- deltaTheta: outerDeltaTheta);
- }
-
- void performLayout() {
- assert(this.parentData is SectorParentData);
- deltaTheta = constraints.constrainDeltaTheta(desiredDeltaTheta);
- assert(deltaTheta <= kTwoPi);
- double paddingTheta = math.atan(padding / this.parentData.radius);
- double innerTheta = this.parentData.theta + paddingTheta;
- double innerDeltaTheta = deltaTheta - paddingTheta * 2.0;
- double childRadius = this.parentData.radius + padding;
- double remainingDeltaRadius = constraints.maxDeltaRadius - (padding * 2.0);
- RenderSector child = firstChild;
- while (child != null) {
- SectorConstraints innerConstraints = new SectorConstraints(
- maxDeltaRadius: remainingDeltaRadius,
- maxDeltaTheta: innerDeltaTheta
- );
- child.parentData.theta = innerTheta;
- child.parentData.radius = childRadius;
- child.layout(innerConstraints, parentUsesSize: true);
- childRadius += child.deltaRadius;
- remainingDeltaRadius -= child.deltaRadius;
- assert(child.parentData is SectorChildListParentData);
- child = child.parentData.nextSibling;
- childRadius += padding;
- remainingDeltaRadius -= padding;
- }
- deltaRadius = childRadius - this.parentData.radius;
- }
-
- // paint origin is 0,0 of our circle
- // each sector then knows how to paint itself at its location
- void paint(RenderNodeDisplayList canvas) {
- // TODO(ianh): avoid code duplication
- super.paint(canvas);
- RenderSector child = firstChild;
- while (child != null) {
- assert(child.parentData is SectorChildListParentData);
- canvas.paintChild(child, new sky.Point(0.0, 0.0));
- child = child.parentData.nextSibling;
- }
- }
-
-}
-
-class RenderBoxToRenderSectorAdapter extends RenderBox {
-
- RenderBoxToRenderSectorAdapter({ double innerRadius: 0.0, RenderSector child }) :
- _innerRadius = innerRadius {
- _child = child;
- adoptChild(_child);
- }
-
- double _innerRadius;
- double get innerRadius => _innerRadius;
- void set innerRadius(double value) {
- _innerRadius = value;
- markNeedsLayout();
- }
-
- RenderSector _child;
- RenderSector get child => _child;
- void set child(RenderSector value) {
- if (_child != null)
- dropChild(_child);
- _child = value;
- adoptChild(_child);
- markNeedsLayout();
- }
-
- void setParentData(RenderNode child) {
- if (child.parentData is! SectorParentData)
- child.parentData = new SectorParentData();
- }
-
- sky.Size getIntrinsicDimensions(BoxConstraints constraints) {
- if (child == null)
- return constraints.constrain(new sky.Size(0.0, 0.0));
- assert(child is RenderSector);
- assert(child.parentData is SectorParentData);
- assert(!constraints.isInfinite);
- double maxChildDeltaRadius = math.min(constraints.maxWidth, constraints.maxHeight) / 2.0 - innerRadius;
- SectorDimensions childDimensions = child.getIntrinsicDimensions(new SectorConstraints(maxDeltaRadius: maxChildDeltaRadius), innerRadius);
- double dimension = (innerRadius + childDimensions.deltaRadius) * 2.0;
- return constraints.constrain(new sky.Size(dimension, dimension));
- }
-
- void performLayout() {
- if (child == null) {
- size = constraints.constrain(new sky.Size(0.0, 0.0));
- } else {
- assert(child is RenderSector);
- assert(!constraints.isInfinite);
- print("constraint maxes: ${constraints.maxWidth} and ${constraints.maxHeight}");
- double maxChildDeltaRadius = math.min(constraints.maxWidth, constraints.maxHeight) / 2.0 - innerRadius;
- print("maxChildDeltaRadius = $maxChildDeltaRadius");
- assert(child.parentData is SectorParentData);
- child.parentData.radius = innerRadius;
- child.parentData.theta = 0.0;
- child.layout(new SectorConstraints(maxDeltaRadius: maxChildDeltaRadius), parentUsesSize: true);
- double dimension = (innerRadius + child.deltaRadius) * 2.0;
- size = constraints.constrain(new sky.Size(dimension, dimension));
- }
- }
-
- // paint origin is 0,0 of our circle
- void paint(RenderNodeDisplayList canvas) {
- super.paint(canvas);
- if (child != null) {
- sky.Rect bounds = new sky.Rect.fromSize(size);
- canvas.paintChild(child, bounds.center);
- }
- }
-
- bool hitTest(HitTestResult result, { sky.Point position }) {
- double x = position.x;
- double y = position.y;
- if (child == null)
- return false;
- // translate to our origin
- x -= size.width/2.0;
- y -= size.height/2.0;
- // convert to radius/theta
- double radius = math.sqrt(x*x+y*y);
- double theta = (math.atan2(x, -y) - math.PI/2.0) % kTwoPi;
- if (radius < innerRadius)
- return false;
- if (radius >= innerRadius + child.deltaRadius)
- return false;
- if (theta > child.deltaTheta)
- return false;
- child.hitTest(result, radius: radius, theta: theta);
- result.add(this);
- return true;
- }
-
-}
-
-class RenderSolidColor extends RenderDecoratedSector {
- RenderSolidColor(int backgroundColor, {
- this.desiredDeltaRadius: double.INFINITY,
- this.desiredDeltaTheta: kTwoPi
- }) : this.backgroundColor = backgroundColor,
- super(new BoxDecoration(backgroundColor: backgroundColor));
-
- double desiredDeltaRadius;
- double desiredDeltaTheta;
- final int backgroundColor;
-
- SectorDimensions getIntrinsicDimensions(SectorConstraints constraints, double radius) {
- return new SectorDimensions.withConstraints(constraints, deltaTheta: 1.0); // 1.0 radians
- }
-
- void performLayout() {
- deltaRadius = constraints.constrainDeltaRadius(desiredDeltaRadius);
- deltaTheta = constraints.constrainDeltaTheta(desiredDeltaTheta);
- }
-
- void handlePointer(sky.PointerEvent event) {
- if (event.type == 'pointerdown')
- decoration = new BoxDecoration(backgroundColor: 0xFFFF0000);
- else if (event.type == 'pointerup')
- decoration = new BoxDecoration(backgroundColor: backgroundColor);
- }
-}
-
-AppView app;
-
-void main() {
-
- var rootCircle = new RenderSectorRing(padding: 20.0);
- rootCircle.add(new RenderSolidColor(0xFF00FFFF, desiredDeltaTheta: kTwoPi * 0.15));
- rootCircle.add(new RenderSolidColor(0xFF0000FF, desiredDeltaTheta: kTwoPi * 0.4));
- var stack = new RenderSectorSlice(padding: 2.0);
- stack.add(new RenderSolidColor(0xFFFFFF00, desiredDeltaRadius: 20.0));
- stack.add(new RenderSolidColor(0xFFFF9000, desiredDeltaRadius: 20.0));
- stack.add(new RenderSolidColor(0xFF00FF00));
- rootCircle.add(stack);
-
- var root = new RenderBoxToRenderSectorAdapter(innerRadius: 50.0, child: rootCircle);
- app = new AppView(root);
-}
« no previous file with comments | « sky/examples/raw/render_paragraph.dart ('k') | sky/examples/raw/sector_layout.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698