mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
ec29082f84
This dramatically simplifies the layout model. I haven't gone through and simplified the existing functions, we should probably go through and figure out if they can be cleaned up a bit. R=abarth@chromium.org Review URL: https://codereview.chromium.org/1161983004
79 lines
2.6 KiB
Dart
79 lines
2.6 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 performLayout() {
|
|
width = constraints.constrainWidth(desiredWidth);
|
|
height = constraints.constrainHeight(desiredHeight);
|
|
}
|
|
|
|
void handlePointer(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 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));
|
|
|
|
renderBlock.add(new RenderSolidColor(0xFF00FF00, desiredHeight: 50.0, desiredWidth: 100.0));
|
|
renderBlock.add(new RenderSolidColor(0x7700FFFF, desiredHeight: 100.0, desiredWidth: 50.0));
|
|
|
|
root.add(new RenderPadding(const EdgeDims(10.0, 10.0, 10.0, 10.0), 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);
|
|
|
|
}
|