mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
50bfdedbf4
Sadly, box.dart has grown much longer than 1000 lines. This patch splits it up into several files based on the class hierarchy. Fortunately, many of these classes are loosely coupled to each other.
49 lines
1.9 KiB
Dart
49 lines
1.9 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/painting/text_style.dart';
|
|
import 'package:sky/rendering/flex.dart';
|
|
import 'package:sky/rendering/object.dart';
|
|
import 'package:sky/rendering/paragraph.dart';
|
|
import 'package:sky/rendering/proxy_box.dart';
|
|
import 'package:sky/rendering/shifted_box.dart';
|
|
import 'package:sky/rendering/sky_binding.dart';
|
|
|
|
import 'solid_color_box.dart';
|
|
|
|
const TextStyle style = const TextStyle(color: const Color(0xFF000000));
|
|
|
|
// Attempts to draw
|
|
// http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/images/flex-pack.svg
|
|
void main() {
|
|
var table = new RenderFlex(direction: FlexDirection.vertical);
|
|
|
|
void addRow(FlexJustifyContent justify) {
|
|
RenderParagraph paragraph = new RenderParagraph(new StyledTextSpan(style, [new PlainTextSpan("${justify}")]));
|
|
table.add(new RenderPadding(child: paragraph, padding: new EdgeDims.only(top: 20.0)));
|
|
var row = new RenderFlex(direction: FlexDirection.horizontal);
|
|
row.add(new RenderSolidColorBox(const Color(0xFFFFCCCC), desiredSize: new Size(80.0, 60.0)));
|
|
row.add(new RenderSolidColorBox(const Color(0xFFCCFFCC), desiredSize: new Size(64.0, 60.0)));
|
|
row.add(new RenderSolidColorBox(const Color(0xFFCCCCFF), desiredSize: new Size(160.0, 60.0)));
|
|
row.justifyContent = justify;
|
|
table.add(row);
|
|
row.parentData.flex = 1;
|
|
}
|
|
|
|
addRow(FlexJustifyContent.start);
|
|
addRow(FlexJustifyContent.end);
|
|
addRow(FlexJustifyContent.center);
|
|
addRow(FlexJustifyContent.spaceBetween);
|
|
addRow(FlexJustifyContent.spaceAround);
|
|
|
|
RenderDecoratedBox root = new RenderDecoratedBox(
|
|
decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)),
|
|
child: new RenderPadding(child: table, padding: new EdgeDims.symmetric(vertical: 50.0))
|
|
);
|
|
|
|
new SkyBinding(root: root);
|
|
}
|