mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
34e7b69a79
Also: - Make RenderProxyBox non-abstract - Upgrade the old container.dart example - Minor fixes to ui_mode.dart to make this work R=abarth@chromium.org Review URL: https://codereview.chromium.org/1183503003.
92 lines
3.1 KiB
Dart
92 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/framework/rendering/box.dart';
|
|
import 'package:sky/framework/rendering/flex.dart';
|
|
import 'package:sky/framework/scheduler.dart';
|
|
import 'package:sky/framework/widgets/ui_node.dart';
|
|
import 'package:sky/framework/widgets/wrappers.dart';
|
|
import 'package:vector_math/vector_math.dart';
|
|
|
|
import '../lib/solid_color_box.dart';
|
|
|
|
// Solid colour, RenderObject version
|
|
void addFlexChildSolidColor(RenderFlex parent, sky.Color backgroundColor, { int flex: 0 }) {
|
|
RenderSolidColorBox child = new RenderSolidColorBox(backgroundColor);
|
|
parent.add(child);
|
|
child.parentData.flex = flex;
|
|
}
|
|
|
|
// Solid colour, Widget version
|
|
class Rectangle extends Component {
|
|
Rectangle(this.color, { Object key }) : super(key: key);
|
|
final Color color;
|
|
UINode build() {
|
|
return new FlexExpandingChild(
|
|
new Container(
|
|
decoration: new BoxDecoration(backgroundColor: color)
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
UINode builder() {
|
|
return new Flex([
|
|
new Rectangle(const Color(0xFF00FFFF), key: 'a'),
|
|
new Container(
|
|
padding: new EdgeDims.all(10.0),
|
|
margin: new EdgeDims.all(10.0),
|
|
decoration: new BoxDecoration(backgroundColor: const Color(0xFFCCCCCC)),
|
|
child: new Image(src: "https://www.dartlang.org/logos/dart-logo.png",
|
|
size: new Size(300.0, 300.0),
|
|
key: 1
|
|
)
|
|
),
|
|
new Rectangle(const Color(0xFFFFFF00), key: 'b'),
|
|
],
|
|
direction: FlexDirection.vertical,
|
|
justifyContent: FlexJustifyContent.spaceBetween
|
|
);
|
|
}
|
|
|
|
double timeBase;
|
|
RenderTransform transformBox;
|
|
|
|
void rotate(double timeStamp) {
|
|
if (timeBase == null)
|
|
timeBase = timeStamp;
|
|
double delta = (timeStamp - timeBase) / 1000; // radians
|
|
|
|
transformBox.setIdentity();
|
|
transformBox.translate(transformBox.size.width / 2.0, transformBox.size.height / 2.0);
|
|
transformBox.rotateZ(delta);
|
|
transformBox.translate(-transformBox.size.width / 2.0, -transformBox.size.height / 2.0);
|
|
}
|
|
|
|
void main() {
|
|
RenderFlex flexRoot = new RenderFlex(direction: FlexDirection.vertical);
|
|
|
|
RenderProxyBox proxy = new RenderProxyBox();
|
|
new RenderObjectToUINodeAdapter(proxy, builder); // adds itself to proxy
|
|
|
|
addFlexChildSolidColor(flexRoot, const sky.Color(0xFFFF00FF), flex: 1);
|
|
flexRoot.add(proxy);
|
|
addFlexChildSolidColor(flexRoot, const sky.Color(0xFF0000FF), flex: 1);
|
|
|
|
transformBox = new RenderTransform(child: flexRoot, transform: new Matrix4.identity());
|
|
RenderPadding root = new RenderPadding(padding: new EdgeDims.all(20.0), child: transformBox);
|
|
|
|
// Because we're going to use UINodes, we want to initialise its
|
|
// AppView, not use the default one. We don't really need to do
|
|
// this, because RenderObjectToUINodeAdapter does it for us, but
|
|
// it's good practice in case we happen to not have a
|
|
// RenderObjectToUINodeAdapter in our tree at startup.
|
|
UINodeAppView.initUINodeAppView();
|
|
UINodeAppView.appView.root = root;
|
|
|
|
addPersistentFrameCallback(rotate);
|
|
}
|