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

Side by Side Diff: sky/examples/fn/widgets/radio.dart

Issue 974903005: attempt at making menuitems react (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: rationalise my local client and upload the result Created 5 years, 9 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
« no previous file with comments | « sky/examples/fn/widgets/menuitem.dart ('k') | sky/examples/fn/widgets/widgets.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 part of widgets; 1 part of widgets;
2 2
3 class Radio extends ButtonBase { 3 class Radio extends ButtonBase {
4 4
5 Object value; 5 Object value;
6 Object groupValue; 6 Object groupValue;
7 ValueChanged onChanged; 7 ValueChanged onChanged;
8 8
9 static Style _style = new Style(''' 9 static Style _style = new Style('''
10 transform: translateX(0);
10 display: inline-block; 11 display: inline-block;
11 -webkit-user-select: none; 12 -webkit-user-select: none;
12 width: 14px; 13 width: 14px;
13 height: 14px; 14 height: 14px;
14 border-radius: 7px; 15 border-radius: 7px;
15 border: 1px solid blue; 16 border: 1px solid blue;
16 margin: 0 5px;''' 17 margin: 0 5px;'''
17 ); 18 );
18 19
19 static Style _highlightStyle = new Style(''' 20 static Style _highlightStyle = new Style('''
21 transform: translateX(0);
20 display: inline-block; 22 display: inline-block;
21 -webkit-user-select: none; 23 -webkit-user-select: none;
22 width: 14px; 24 width: 14px;
23 height: 14px; 25 height: 14px;
24 border-radius: 7px; 26 border-radius: 7px;
25 border: 1px solid blue; 27 border: 1px solid blue;
26 margin: 0 5px; 28 margin: 0 5px;
27 background-color: orange;''' 29 background-color: orange;'''
28 ); 30 );
29 31
(...skipping 14 matching lines...) Expand all
44 }) : super(key: key); 46 }) : super(key: key);
45 47
46 Node render() { 48 Node render() {
47 return new Container( 49 return new Container(
48 style: _highlight ? _highlightStyle : _style, 50 style: _highlight ? _highlightStyle : _style,
49 onClick: _handleClick, 51 onClick: _handleClick,
50 onPointerDown: _handlePointerDown, 52 onPointerDown: _handlePointerDown,
51 onPointerUp: _handlePointerUp, 53 onPointerUp: _handlePointerUp,
52 onPointerCancel: _handlePointerCancel, 54 onPointerCancel: _handlePointerCancel,
53 children: value == groupValue ? 55 children: value == groupValue ?
54 [new Container( style : _dotStyle )] : null 56 [super.render(), new Container( style : _dotStyle )] : [super.render() ]
55 ); 57 );
56 } 58 }
57 59
58 void _handleClick(sky.Event e) { 60 void _handleClick(sky.Event e) {
59 onChanged(value); 61 onChanged(value);
60 } 62 }
61 } 63 }
OLDNEW
« no previous file with comments | « sky/examples/fn/widgets/menuitem.dart ('k') | sky/examples/fn/widgets/widgets.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698