| OLD | NEW |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | 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 | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 import '../fn2.dart'; | 5 import '../fn2.dart'; |
| 6 import 'button_base.dart'; | 6 import 'button_base.dart'; |
| 7 import 'icon.dart'; | 7 import 'icon.dart'; |
| 8 import 'ink_well.dart'; | 8 import 'ink_well.dart'; |
| 9 | 9 |
| 10 const BoxDecoration _kHighlightDecoration = const BoxDecoration( | 10 const BoxDecoration _kHighlightDecoration = const BoxDecoration( |
| 11 backgroundColor: const Color.fromARGB(102, 153, 153, 153) | 11 backgroundColor: const Color.fromARGB(102, 153, 153, 153) |
| 12 ); | 12 ); |
| 13 | 13 |
| 14 // TODO(abarth): We shouldn't need _kHighlightBoring, but currently Container | 14 // TODO(abarth): We shouldn't need _kHighlightBoring, but currently Container |
| 15 // isn't smarth enough to retain the components it builds when we | 15 // isn't smart enough to retain the components it builds when we |
| 16 // add or remove a |decoration|. For now, we use a transparent | 16 // add or remove a |decoration|. For now, we use a transparent |
| 17 // decoration to avoid changing the structure of the tree. The | 17 // decoration to avoid changing the structure of the tree. The |
| 18 // right fix, however, is to make Container smarter about how it | 18 // right fix, however, is to make Container smarter about how it |
| 19 // syncs its subcomponents. | 19 // syncs its subcomponents. |
| 20 const BoxDecoration _kHighlightBoring = const BoxDecoration( | 20 const BoxDecoration _kHighlightBoring = const BoxDecoration( |
| 21 backgroundColor: const Color.fromARGB(0, 0, 0, 0) | 21 backgroundColor: const Color.fromARGB(0, 0, 0, 0) |
| 22 ); | 22 ); |
| 23 | 23 |
| 24 class MenuItem extends ButtonBase { | 24 class MenuItem extends ButtonBase { |
| 25 MenuItem({ Object key, this.icon, this.children, this.onGestureTap }) : super(
key: key); | 25 MenuItem({ Object key, this.icon, this.children, this.onGestureTap }) : super(
key: key); |
| 26 | 26 |
| 27 String icon; |
| 27 List<UINode> children; | 28 List<UINode> children; |
| 28 String icon; | |
| 29 GestureEventListener onGestureTap; | 29 GestureEventListener onGestureTap; |
| 30 | 30 |
| 31 void syncFields(MenuItem source) { |
| 32 icon = source.icon; |
| 33 children = source.children; |
| 34 onGestureTap = source.onGestureTap; |
| 35 super.syncFields(source); |
| 36 } |
| 37 |
| 31 UINode buildContent() { | 38 UINode buildContent() { |
| 32 return new EventListenerNode( | 39 return new EventListenerNode( |
| 33 new Container( | 40 new Container( |
| 34 child: new InkWell( | 41 child: new InkWell( |
| 35 children: [ | 42 children: [ |
| 36 new Padding( | 43 new Padding( |
| 37 child: new Icon(type: "${icon}_grey600", size: 24), | 44 child: new Icon(type: "${icon}_grey600", size: 24), |
| 38 padding: const EdgeDims.symmetric(horizontal: 16.0) | 45 padding: const EdgeDims.symmetric(horizontal: 16.0) |
| 39 ), | 46 ), |
| 40 new FlexExpandingChild( | 47 new FlexExpandingChild( |
| 41 new Padding( | 48 new Padding( |
| 42 child: new FlexContainer( | 49 child: new FlexContainer( |
| 43 direction: FlexDirection.horizontal, | 50 direction: FlexDirection.horizontal, |
| 44 children: children | 51 children: children |
| 45 ), | 52 ), |
| 46 padding: const EdgeDims.symmetric(horizontal: 16.0) | 53 padding: const EdgeDims.symmetric(horizontal: 16.0) |
| 47 ), | 54 ), |
| 48 flex: 1 | 55 flex: 1 |
| 49 ) | 56 ) |
| 50 ] | 57 ] |
| 51 ), | 58 ), |
| 52 height: 48.0, | 59 height: 48.0, |
| 53 decoration: highlight ? _kHighlightDecoration : _kHighlightBoring | 60 decoration: highlight ? _kHighlightDecoration : _kHighlightBoring |
| 54 ), | 61 ), |
| 55 onGestureTap: onGestureTap | 62 onGestureTap: onGestureTap |
| 56 ); | 63 ); |
| 57 } | 64 } |
| 58 } | 65 } |
| OLD | NEW |