OLD | NEW |
| (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 | |
7 import 'package:mojom/intents/intents.mojom.dart'; | |
8 import 'package:sky/mojo/shell.dart' as shell; | |
9 import 'package:sky/painting/box_painter.dart'; | |
10 import 'package:sky/theme/colors.dart' as colors; | |
11 import 'package:sky/theme/typography.dart' as typography; | |
12 import 'package:sky/widgets/basic.dart'; | |
13 import 'package:sky/widgets/card.dart'; | |
14 import 'package:sky/widgets/fixed_height_scrollable.dart'; | |
15 import 'package:sky/widgets/flat_button.dart'; | |
16 import 'package:sky/widgets/material.dart'; | |
17 import 'package:sky/widgets/scaffold.dart'; | |
18 import 'package:sky/widgets/theme.dart'; | |
19 import 'package:sky/widgets/tool_bar.dart'; | |
20 | |
21 void launch(String relativeUrl, String bundle) { | |
22 Uri url = Uri.base.resolve(relativeUrl); | |
23 | |
24 ActivityManagerProxy activityManager = new ActivityManagerProxy.unbound(); | |
25 ComponentName component = new ComponentName() | |
26 ..packageName = 'org.domokit.sky.demo' | |
27 ..className = 'org.domokit.sky.demo.SkyDemoActivity'; | |
28 Intent intent = new Intent() | |
29 ..action = 'android.intent.action.VIEW' | |
30 ..component = component | |
31 ..url = url.toString(); | |
32 | |
33 if (bundle != null) { | |
34 StringExtra extra = new StringExtra() | |
35 ..name = 'bundleName' | |
36 ..value = bundle; | |
37 intent.stringExtras = [extra]; | |
38 } | |
39 | |
40 shell.requestService(null, activityManager); | |
41 activityManager.ptr.startActivity(intent); | |
42 } | |
43 | |
44 class SkyDemo { | |
45 String name; | |
46 String href; | |
47 String bundle; | |
48 String description; | |
49 typography.TextTheme textTheme; | |
50 BoxDecoration decoration; | |
51 SkyDemo({ this.name, this.href, this.bundle, this.description, this.textTheme,
this.decoration }); | |
52 } | |
53 | |
54 List<Widget> demos = [ | |
55 new SkyDemo( | |
56 name: 'Stocks', | |
57 href: 'example/stocks/lib/main.dart', | |
58 bundle: 'stocks.skyx', | |
59 description: 'Multi-screen app with scrolling list', | |
60 textTheme: typography.black, | |
61 decoration: new BoxDecoration( | |
62 backgroundImage: new BackgroundImage( | |
63 src: 'example/stocks/thumbnail.png', | |
64 fit: BackgroundFit.cover | |
65 ) | |
66 ) | |
67 ), | |
68 new SkyDemo( | |
69 name: 'Asteroids', | |
70 href: 'example/game/main.dart', | |
71 description: '2D game using sprite sheets to achieve high performance', | |
72 textTheme: typography.white, | |
73 decoration: new BoxDecoration( | |
74 backgroundImage: new BackgroundImage( | |
75 src: 'example/game/res/thumbnail.png', | |
76 fit: BackgroundFit.cover | |
77 ) | |
78 ) | |
79 ), | |
80 new SkyDemo( | |
81 name: 'Interactive Flex', | |
82 href: 'example/rendering/interactive_flex.dart', | |
83 bundle: 'interactive_flex.skyx', | |
84 description: 'Swipe to adjust the layout of the app', | |
85 textTheme: typography.white, | |
86 decoration: new BoxDecoration( | |
87 backgroundColor: const Color(0xFF0081C6) | |
88 ) | |
89 ), | |
90 new SkyDemo( | |
91 name: 'Sector', | |
92 href: 'example/widgets/sector.dart', | |
93 bundle: 'sector.skyx', | |
94 description: 'Demo of alternative layouts', | |
95 textTheme: typography.black, | |
96 decoration: new BoxDecoration( | |
97 backgroundColor: colors.Black, | |
98 backgroundImage: new BackgroundImage( | |
99 src: 'example/widgets/sector_thumbnail.png', | |
100 fit: BackgroundFit.cover | |
101 ) | |
102 ) | |
103 ), | |
104 // new SkyDemo( | |
105 // 'Touch Demo', 'examples/rendering/touch_demo.dart', 'Simple example showi
ng handling of touch events at a low level'), | |
106 new SkyDemo( | |
107 name: 'Minedigger Game', | |
108 href: 'example/mine_digger/lib/main.dart', | |
109 bundle: 'mine_digger.skyx', | |
110 description: 'Clone of the classic Minesweeper game', | |
111 textTheme: typography.white | |
112 ), | |
113 | |
114 // TODO(eseidel): We could use to separate these groups? | |
115 // new SkyDemo('Old Stocks App', 'examples/stocks/main.sky'), | |
116 // new SkyDemo('Old Touch Demo', 'examples/raw/touch-demo.sky'), | |
117 // new SkyDemo('Old Spinning Square', 'examples/raw/spinning-square.sky'), | |
118 | |
119 // TODO(jackson): This doesn't seem to be working | |
120 // new SkyDemo('Licenses', 'LICENSES.sky'), | |
121 ]; | |
122 | |
123 const double kCardHeight = 120.0; | |
124 const EdgeDims kListPadding = const EdgeDims.all(4.0); | |
125 | |
126 class DemoList extends FixedHeightScrollable { | |
127 DemoList({ String key }) : super(key: key, itemHeight: kCardHeight, padding: k
ListPadding) { | |
128 itemCount = demos.length; | |
129 } | |
130 | |
131 Widget buildDemo(SkyDemo demo) { | |
132 return new Listener( | |
133 key: demo.name, | |
134 onGestureTap: (_) => launch(demo.href, demo.bundle), | |
135 child: new Container( | |
136 height: kCardHeight, | |
137 child: new Card( | |
138 child: new Flex([ | |
139 new Flexible( | |
140 child: new Stack([ | |
141 new Container( | |
142 decoration: demo.decoration, | |
143 child: new Container() | |
144 ), | |
145 new Container( | |
146 margin: const EdgeDims.all(24.0), | |
147 child: new Block([ | |
148 new Text(demo.name, style: demo.textTheme.title), | |
149 new Text(demo.description, style: demo.textTheme.subhead) | |
150 ]) | |
151 ) | |
152 ]) | |
153 ), | |
154 ], direction: FlexDirection.vertical) | |
155 ) | |
156 ) | |
157 ); | |
158 } | |
159 | |
160 List<Widget> buildItems(int start, int count) { | |
161 return demos | |
162 .skip(start) | |
163 .take(count) | |
164 .map(buildDemo) | |
165 .toList(growable: false); | |
166 } | |
167 } | |
168 | |
169 class SkyHome extends App { | |
170 Widget build() { | |
171 return new Theme( | |
172 data: new ThemeData( | |
173 brightness: ThemeBrightness.dark, | |
174 primarySwatch: colors.Teal | |
175 ), | |
176 child: new Scaffold( | |
177 toolbar: new ToolBar(center: new Text('Sky Demos')), | |
178 body: new Material( | |
179 type: MaterialType.canvas, | |
180 child: new DemoList() | |
181 ) | |
182 ) | |
183 ); | |
184 } | |
185 } | |
186 | |
187 void main() { | |
188 runApp(new SkyHome()); | |
189 } | |
OLD | NEW |