50c2f8837b
This CL changes how events work in fn. Previously, event listeners were passed in as constructor arguments. Now Nodes hold an |events| object, which contains all the event registrations. When a Component renders, all its |events| are copied onto the Node it produces. When an Element syncs, it walks its |events| and adds them as event listeners on the underlying sky.Element. The net result of this change is increased flexibility in how events are registered. Now components don't need to enumerate all the possible events that they support. Instead, the parent component can listen for whatever events it likes. Also, I've cleaned up the association between DrawerAnimation and Drawer. Now the constructor for Drawer accepts an |animation| object and wires up its internal event handlers itself instead of requiring the constructor to do all the wiring. R=rafaelw@chromium.org Review URL: https://codereview.chromium.org/975863003
40 lines
854 B
Dart
40 lines
854 B
Dart
part of widgets;
|
|
|
|
class Button extends ButtonBase {
|
|
|
|
static Style _style = new Style('''
|
|
transform: translateX(0);
|
|
display: inline-flex;
|
|
border-radius: 4px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: 1px solid blue;
|
|
-webkit-user-select: none;
|
|
margin: 5px;'''
|
|
);
|
|
|
|
static Style _highlightStyle = new Style('''
|
|
transform: translateX(0);
|
|
display: inline-flex;
|
|
border-radius: 4px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: 1px solid blue;
|
|
-webkit-user-select: none;
|
|
margin: 5px;
|
|
background-color: orange;'''
|
|
);
|
|
|
|
Node content;
|
|
|
|
Button({ Object key, this.content }) : super(key: key);
|
|
|
|
Node render() {
|
|
return new Container(
|
|
key: 'Button',
|
|
style: _highlight ? _highlightStyle : _style,
|
|
children: [super.render(), content]
|
|
);
|
|
}
|
|
}
|