mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
53163f8b99
This introduces the notion of event disposition and allows event targets (widgets and render objects) to consume events that should not be processed further. This is needed by the Switch component in the Drawer in the stocks example. The Switch is embedded in a DrawerItem. The Switch handles the gesture tap event to toggle its state and should handle pointer events to allow swiping and draw its own radial reaction. The DrawerItem also handles gesture taps to allow toggling the switch value when tapping anywhere on the drawer and to draw its own ink splash. When tapping on the switch, both the switch's render object and the DrawerItem's listener are in the event dispatch path. The Switch needs to signal in some fashion that it consumed the event so the DrawerItem does not also try to toggle the switch's state.
98 lines
3.1 KiB
Dart
98 lines
3.1 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' as sky;
|
|
|
|
import 'package:sky/rendering/box.dart';
|
|
import 'package:sky/rendering/flex.dart';
|
|
import 'package:sky/rendering/sky_binding.dart';
|
|
|
|
class RenderSolidColor extends RenderDecoratedBox {
|
|
final sky.Size desiredSize;
|
|
final sky.Color backgroundColor;
|
|
|
|
RenderSolidColor(sky.Color backgroundColor, { this.desiredSize: sky.Size.infinite })
|
|
: backgroundColor = backgroundColor,
|
|
super(decoration: new BoxDecoration(backgroundColor: backgroundColor)) {
|
|
}
|
|
|
|
double getMinIntrinsicWidth(BoxConstraints constraints) {
|
|
return constraints.constrainWidth(desiredSize.width);
|
|
}
|
|
|
|
double getMaxIntrinsicWidth(BoxConstraints constraints) {
|
|
return constraints.constrainWidth(desiredSize.width);
|
|
}
|
|
|
|
double getMinIntrinsicHeight(BoxConstraints constraints) {
|
|
return constraints.constrainHeight(desiredSize.height);
|
|
}
|
|
|
|
double getMaxIntrinsicHeight(BoxConstraints constraints) {
|
|
return constraints.constrainHeight(desiredSize.height);
|
|
}
|
|
|
|
void performLayout() {
|
|
size = constraints.constrain(desiredSize);
|
|
}
|
|
|
|
EventDisposition handleEvent(sky.Event event, BoxHitTestEntry entry) {
|
|
if (event.type == 'pointerdown') {
|
|
decoration = new BoxDecoration(backgroundColor: const sky.Color(0xFFFF0000));
|
|
return EventDisposition.processed;
|
|
} else if (event.type == 'pointerup') {
|
|
decoration = new BoxDecoration(backgroundColor: backgroundColor);
|
|
return EventDisposition.processed;
|
|
}
|
|
return super.handleEvent(event, entry);
|
|
}
|
|
}
|
|
|
|
RenderBox buildFlexExample() {
|
|
RenderFlex flexRoot = new RenderFlex(direction: FlexDirection.vertical);
|
|
|
|
RenderDecoratedBox root = new RenderDecoratedBox(
|
|
decoration: new BoxDecoration(backgroundColor: const sky.Color(0xFF000000)),
|
|
child: flexRoot
|
|
);
|
|
|
|
void addFlexChildSolidColor(RenderFlex parent, sky.Color backgroundColor, { int flex: 0 }) {
|
|
RenderSolidColor child = new RenderSolidColor(backgroundColor);
|
|
parent.add(child);
|
|
child.parentData.flex = flex;
|
|
}
|
|
|
|
// Yellow bar at top
|
|
addFlexChildSolidColor(flexRoot, const sky.Color(0xFFFFFF00), flex: 1);
|
|
|
|
// Turquoise box
|
|
flexRoot.add(new RenderSolidColor(const sky.Color(0x7700FFFF), desiredSize: new sky.Size(100.0, 100.0)));
|
|
|
|
var renderDecoratedBlock = new RenderDecoratedBox(
|
|
decoration: new BoxDecoration(backgroundColor: const sky.Color(0xFFFFFFFF))
|
|
);
|
|
|
|
flexRoot.add(new RenderPadding(padding: const EdgeDims.all(10.0), child: renderDecoratedBlock));
|
|
|
|
var row = new RenderFlex(direction: FlexDirection.horizontal);
|
|
|
|
// Purple and blue cells
|
|
addFlexChildSolidColor(row, const sky.Color(0x77FF00FF), flex: 1);
|
|
addFlexChildSolidColor(row, const sky.Color(0xFF0000FF), flex: 2);
|
|
|
|
var decoratedRow = new RenderDecoratedBox(
|
|
decoration: new BoxDecoration(backgroundColor: const sky.Color(0xFF333333)),
|
|
child: row
|
|
);
|
|
|
|
flexRoot.add(decoratedRow);
|
|
decoratedRow.parentData.flex = 3;
|
|
|
|
return root;
|
|
}
|
|
|
|
void main() {
|
|
new SkyBinding(root: buildFlexExample());
|
|
}
|