Use new Widgets in mine_digger.

sky/examples/mine_digger/mine_digger.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 'dart:math';
 
 import 'package:sky/rendering/flex.dart';
 import 'package:sky/widgets/basic.dart';
+import 'package:sky/widgets/scaffold.dart';
+import 'package:sky/widgets/tool_bar.dart';
+import 'package:sky/widgets/theme.dart';
+import 'package:sky/theme/colors.dart' as colors;
 import 'package:sky/painting/text_style.dart';
 
 // Classic minesweeper-inspired game. The mouse controls are standard except
 // for left + right combo which is not implemented. For touch, the duration of
 // the pointer determines probing versus flagging.
 //
-// There are only 3 classes to understand. Game, which is contains all the 
+// There are only 3 classes to understand. Game, which is contains all the
 // logic and two UI classes: CoveredMineNode and ExposedMineNode, none of them
 // holding state.
 
 class Game {
   static const int rows = 9;
   static const int cols = 9;
   static const int totalMineCount = 11;
 
   static const int coveredCell = 0;
   static const int explodedCell = 1;
@@ skipping 58 matching lines @@
       int ry = random.nextInt(cols);
       if (cells[ry][rx]) {
         // Mine already there. Try again.
         --mc;
       } else {
         cells[ry][rx] = true;
       }
     }
   }
 
-  Widget generateBoard() {
+  Widget buildBoard() {
     bool hasCoveredCell = false;
     List<Flex> flexRows = new List<Flex>();
     for (int iy = 0; iy != 9; iy++) {
       List<Component> row = new List<Component>();
       for (int ix = 0; ix != 9; ix++) {
         int state = uiState[iy][ix];
         int count = mineCount(ix, iy);
 
         if (!alive) {
           if (state != explodedCell)
@@ skipping 39 matching lines @@
       key: 'minefield',
       padding: new EdgeDims.all(10.0),
       margin: new EdgeDims.all(10.0),
       decoration: new BoxDecoration(backgroundColor: const Color(0xFF6B6B6B)),
       child: new Flex(
         flexRows,
         direction: FlexDirection.vertical,
         key: 'flxv'));
   }
 
-  Widget generateUI() {
-    Widget board = generateBoard();
+  Widget buildToolBar() {
     String banner = hasWon ?
       'Awesome!!' : alive ?
         'Mine Digger [$detectedCount-$totalMineCount]': 'Kaboom! [press here]';
 
-    return new Flex([
-      new Container(
-        padding: new EdgeDims.all(10.0),
-        margin: new EdgeDims.all(10.0),
-        decoration: new BoxDecoration(backgroundColor: const Color(0xFFC0C0C0)),
-        child: new Listener(
-          onPointerDown: handleBannerPointerDown,
-          child: new Text(banner))),
-      board,
-      new Container(
-        height: 100.0, width: 100.0,
-        decoration: new BoxDecoration(backgroundColor: const Color(0xFFCC1111))
+    return new ToolBar(
+      // FIXME: Strange to have the toolbar be tapable.
+      center: new Listener(
+        onPointerDown: handleBannerPointerDown,
+        child: new Text(banner, style: Theme.of(this.app).text.title)
       )
-    ],
-    direction: FlexDirection.vertical,
-    justifyContent: FlexJustifyContent.spaceAround);
+    );
+  }
+
+  Widget buildUI() {
+    return new Scaffold(
+      toolbar: buildToolBar(),
+      body: new Container(
+        child: new Center(child: buildBoard()),
+        decoration: new BoxDecoration(backgroundColor: colors.Grey[50])
+      )
+    );
   }
 
   void handleBannerPointerDown(sky.PointerEvent event) {
     initialize();
     app.setState((){});
   }
 
   // User action. The user uncovers the cell which can cause losing the game.
   void probe(int x, int y) {
     if (!alive)
@@ skipping 163 matching lines @@
 }
 
 class MineDiggerApp extends App {
   Game game;
 
   MineDiggerApp() {
     game = new Game(this);
   }
 
   Widget build() {
-    return game.generateUI();
+    return game.buildUI();
   }
 }
 
 void main() {
   runApp(new MineDiggerApp());
 }