Rationalise hit testing in the new RenderNode world

sky/examples/raw/sector-layout.dart

 // 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,
@@ skipping 53 matching lines @@
   SectorDimensions getIntrinsicDimensions(SectorConstraints constraints, double radius) {
     return new SectorDimensions.withConstraints(constraints);
   }
 
   void layout(SectorConstraints constraints, { RenderNode relayoutSubtreeRoot }) {
     deltaRadius = constraints.constrainDeltaRadius(0.0);
     deltaTheta = constraints.constrainDeltaTheta(0.0);
     layoutDone();
   }
 
+  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 {
   BoxDecoration _decoration;
 
   RenderDecoratedSector(BoxDecoration decoration) : _decoration = decoration;
 
   void setBoxDecoration(BoxDecoration decoration) {
@@ skipping 22 matching lines @@
       sky.Rect innerBounds = new sky.Rect()..setLTRB(-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 RenderSectorRing extends RenderDecoratedSector with ContainerRenderNodeMixin<RenderSector, SectorChildListParentData> {
+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;
@@ skipping 89 matching lines @@
       assert(child.parentData is SectorChildListParentData);
       child = child.parentData.nextSibling;
       if (child != null) {
         innerTheta += paddingTheta;
         remainingDeltaTheta -= paddingTheta;
       }
     }
     deltaTheta = innerTheta;
   }
 
-  // TODO(ianh): hit testing et al is pending on adam's patch
-
   // 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, 0.0, 0.0);
       child = child.parentData.nextSibling;
     }
   }
 
 }
 
-class RenderSectorSlice extends RenderDecoratedSector with ContainerRenderNodeMixin<RenderSector, SectorChildListParentData> {
+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;
@@ skipping 84 matching lines @@
       childRadius += child.deltaRadius;
       remainingDeltaRadius -= child.deltaRadius;
       assert(child.parentData is SectorChildListParentData);
       child = child.parentData.nextSibling;
       childRadius += padding;
       remainingDeltaRadius -= padding;
     }
     deltaRadius = childRadius - this.parentData.radius;
   }
 
-  // TODO(ianh): hit testing et al is pending on adam's patch
-
   // 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, 0.0, 0.0);
       child = child.parentData.nextSibling;
@@ skipping 63 matching lines @@
       ourDimensions = new BoxDimensions.withConstraints(constraints, width: dimension, height: dimension);
     }
     width = ourDimensions.width;
     height = ourDimensions.height;
     layoutDone();
   }
 
   double width;
   double height;
 
-  // TODO(ianh): hit testing et al is pending on adam's patch
-
   // paint origin is 0,0 of our circle
   void paint(RenderNodeDisplayList canvas) {
     super.paint(canvas);
     if (child != null)
       canvas.paintChild(child, width/2.0, height/2.0);
   }
+
+  bool hitTest(HitTestResult result, { double x, double y }) {
+    if (child == null)
+      return false;
+    // translate to our origin
+    x -= width/2.0;
+    y -= 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
-  }) : super(new BoxDecoration(backgroundColor: backgroundColor));
+  }) : 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 layout(SectorConstraints constraints, { RenderNode relayoutSubtreeRoot }) {
     deltaRadius = constraints.constrainDeltaRadius(desiredDeltaRadius);
     deltaTheta = constraints.constrainDeltaTheta(desiredDeltaTheta);
     layoutDone();
   }
+
+  void handlePointer(sky.PointerEvent event) {
+    if (event.type == 'pointerdown')
+      setBoxDecoration(new BoxDecoration(backgroundColor: 0xFFFF0000));
+    else if (event.type == 'pointerup')
+      setBoxDecoration(new BoxDecoration(backgroundColor: backgroundColor));
+  }
 }
 
-RenderView renderView;
-
-void beginFrame(double timeStamp) {
-  RenderNode.flushLayout();
-
-  renderView.paintFrame();
-}
-
-bool handleEvent(sky.Event event) {
-  if (event is! sky.PointerEvent)
-    return false;
-  return renderView.handlePointer(event, x: event.x, y: event.y);
-}
+AppView app;
 
 void main() {
-  print("test...");
-  sky.view.setEventCallback(handleEvent);
-  sky.view.setBeginFrameCallback(beginFrame);
 
-  var rootCircle = new RenderSectorRing(padding: 10.0);
-  rootCircle.add(new RenderSolidColor(0xFF00FFFF, desiredDeltaTheta: kTwoPi * 0.25));
-  rootCircle.add(new RenderSolidColor(0xFF0000FF, desiredDeltaTheta: kTwoPi * 0.3));
-  var stack = new RenderSectorSlice(padding: 10.0);
+  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, desiredDeltaRadius: 20.0));
+  stack.add(new RenderSolidColor(0xFF00FF00));
   rootCircle.add(stack);
 
   var root = new RenderBoxToRenderSectorAdapter(innerRadius: 50.0, child: rootCircle);
-  renderView = new RenderView(root: root);
-  renderView.layout(newWidth: sky.view.width, newHeight: sky.view.height);
-
-  sky.view.scheduleFrame();
+  app = new AppView(root);
 }