Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(105)

Side by Side Diff: sky/sdk/lib/example/rendering/justify_content.dart

Issue 1210173004: Move examples to //sky/sdk/example (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 // Copyright 2015 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file.
4
5 import 'dart:sky';
6 import 'dart:math' as math;
7
8 import 'package:sky/rendering/block.dart';
9 import 'package:sky/rendering/box.dart';
10 import 'package:sky/rendering/flex.dart';
11 import 'package:sky/rendering/object.dart';
12 import 'package:sky/rendering/paragraph.dart';
13 import 'package:sky/rendering/sky_binding.dart';
14
15 import '../lib/solid_color_box.dart';
16
17 // Attempts to draw
18 // http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/images/flex-pack.svg
19 void main() {
20 var table = new RenderFlex(direction: FlexDirection.vertical);
21
22 void addRow(FlexJustifyContent justify) {
23 RenderParagraph paragraph = new RenderParagraph(new InlineText("${justify}") );
24 table.add(new RenderPadding(child: paragraph, padding: new EdgeDims.only(top : 20.0)));
25 var row = new RenderFlex(direction: FlexDirection.horizontal);
26 row.add(new RenderSolidColorBox(const Color(0xFFFFCCCC), desiredSize: new Si ze(80.0, 60.0)));
27 row.add(new RenderSolidColorBox(const Color(0xFFCCFFCC), desiredSize: new Si ze(64.0, 60.0)));
28 row.add(new RenderSolidColorBox(const Color(0xFFCCCCFF), desiredSize: new Si ze(160.0, 60.0)));
29 row.justifyContent = justify;
30 table.add(row);
31 row.parentData.flex = 1;
32 }
33
34 addRow(FlexJustifyContent.flexStart);
35 addRow(FlexJustifyContent.flexEnd);
36 addRow(FlexJustifyContent.center);
37 addRow(FlexJustifyContent.spaceBetween);
38 addRow(FlexJustifyContent.spaceAround);
39
40 RenderDecoratedBox root = new RenderDecoratedBox(
41 decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)),
42 child: new RenderPadding(child: table, padding: new EdgeDims.symmetric(verti cal: 50.0))
43 );
44
45 new SkyBinding(root: root);
46 }
OLDNEW
« no previous file with comments | « sky/sdk/lib/example/rendering/interactive_flex.dart ('k') | sky/sdk/lib/example/rendering/render_paragraph.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698