mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
c09aac3f3f
- makes the event logic not involve a boolean return value (since we ignored it anyway) - splits the event handling logic into two steps, hit testing and event dispatch - introduces an App class on the Dart side to factor out the interaction with the C++ side - ports sector-layout and simple_render_tree to the new App infrastructure - port simple_render_tree to the new event handling logic - implement hit testing for the sector-layout demo R=eseidel@chromium.org Review URL: https://codereview.chromium.org/1143343004
82 lines
2.7 KiB
Dart
82 lines
2.7 KiB
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:sky';
|
|
import 'package:sky/framework/app.dart';
|
|
import 'package:sky/framework/layout2.dart';
|
|
|
|
class RenderSolidColor extends RenderDecoratedBox {
|
|
final double desiredHeight;
|
|
final double desiredWidth;
|
|
final int backgroundColor;
|
|
|
|
RenderSolidColor(int backgroundColor, { this.desiredHeight: double.INFINITY,
|
|
this.desiredWidth: double.INFINITY })
|
|
: backgroundColor = backgroundColor,
|
|
super(new BoxDecoration(backgroundColor: backgroundColor));
|
|
|
|
BoxDimensions getIntrinsicDimensions(BoxConstraints constraints) {
|
|
return new BoxDimensions.withConstraints(constraints,
|
|
height: desiredHeight,
|
|
width: desiredWidth);
|
|
}
|
|
|
|
void layout(BoxConstraints constraints, { RenderNode relayoutSubtreeRoot }) {
|
|
width = constraints.constrainWidth(desiredWidth);
|
|
height = constraints.constrainHeight(desiredHeight);
|
|
layoutDone();
|
|
}
|
|
|
|
void handlePointer(PointerEvent event) {
|
|
if (event.type == 'pointerdown')
|
|
setBoxDecoration(new BoxDecoration(backgroundColor: 0xFFFF0000));
|
|
else if (event.type == 'pointerup')
|
|
setBoxDecoration(new BoxDecoration(backgroundColor: backgroundColor));
|
|
}
|
|
}
|
|
|
|
AppView app;
|
|
|
|
void main() {
|
|
var root = new RenderFlex(
|
|
direction: FlexDirection.Vertical,
|
|
decoration: new BoxDecoration(backgroundColor: 0xFF000000));
|
|
|
|
void addFlexChild(RenderFlex parent, int backgroundColor, { int flex: 0 }) {
|
|
RenderNode child = new RenderSolidColor(backgroundColor);
|
|
parent.add(child);
|
|
child.parentData.flex = flex;
|
|
}
|
|
|
|
// Yellow bar at top
|
|
addFlexChild(root, 0xFFFFFF00, flex: 1);
|
|
|
|
// Turquoise box
|
|
root.add(new RenderSolidColor(0x7700FFFF, desiredHeight: 100.0, desiredWidth: 100.0));
|
|
|
|
// Green and cyan render block with padding
|
|
var renderBlock = new RenderBlock(
|
|
decoration: new BoxDecoration(backgroundColor: 0xFFFFFFFF),
|
|
padding: const EdgeDims(10.0, 10.0, 10.0, 10.0));
|
|
|
|
renderBlock.add(new RenderSolidColor(0xFF00FF00, desiredHeight: 50.0, desiredWidth: 100.0));
|
|
renderBlock.add(new RenderSolidColor(0x7700FFFF, desiredHeight: 100.0, desiredWidth: 50.0));
|
|
|
|
root.add(renderBlock);
|
|
|
|
var row = new RenderFlex(
|
|
direction: FlexDirection.Horizontal,
|
|
decoration: new BoxDecoration(backgroundColor: 0xFF333333));
|
|
|
|
// Purple and blue cells
|
|
addFlexChild(row, 0x77FF00FF, flex: 1);
|
|
addFlexChild(row, 0xFF0000FF, flex: 2);
|
|
|
|
root.add(row);
|
|
row.parentData.flex = 3;
|
|
|
|
app = new AppView(root);
|
|
|
|
}
|