|
|
|
|
|
|
|
using System.Collections.Generic; |
|
|
|
using Unity.UIWidgets.animation; |
|
|
|
using Unity.UIWidgets.foundation; |
|
|
|
using Unity.UIWidgets.material; |
|
|
|
using Color = Unity.UIWidgets.ui.Color; |
|
|
|
|
|
|
|
namespace Unity.UIWidgets.material { |
|
|
|
class OutlineButtonConstants { |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
public class OutlineButton : MaterialButton { |
|
|
|
public OutlineButton( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip clipBehavior = Clip.none, |
|
|
|
Widget child = null |
|
|
|
) : |
|
|
|
base( |
|
|
|
key: key, |
|
|
|
onPressed: onPressed, |
|
|
|
textTheme: textTheme, |
|
|
|
textColor: textColor, |
|
|
|
disabledTextColor: disabledTextColor, |
|
|
|
color: color, |
|
|
|
highlightColor: highlightColor, |
|
|
|
splashColor: splashColor, |
|
|
|
highlightElevation: highlightElevation, |
|
|
|
padding: padding, |
|
|
|
shape: shape, |
|
|
|
clipBehavior: clipBehavior, |
|
|
|
child: child |
|
|
|
) { |
|
|
|
D.assert(highlightElevation == null || highlightElevation >= 0.0f); |
|
|
|
D.assert(onPressed != null); |
|
|
|
this.highlightedBorderColor = highlightedBorderColor; |
|
|
|
this.disabledBorderColor = disabledBorderColor; |
|
|
|
this.borderSide = borderSide; |
|
|
|
} |
|
|
|
public OutlineButton( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip clipBehavior = Clip.none, |
|
|
|
Widget child = null |
|
|
|
) : |
|
|
|
base( |
|
|
|
key: key, |
|
|
|
onPressed: onPressed, |
|
|
|
textTheme: textTheme, |
|
|
|
textColor: textColor, |
|
|
|
disabledTextColor: disabledTextColor, |
|
|
|
color: color, |
|
|
|
highlightColor: highlightColor, |
|
|
|
splashColor: splashColor, |
|
|
|
highlightElevation: highlightElevation, |
|
|
|
padding: padding, |
|
|
|
shape: shape, |
|
|
|
clipBehavior: clipBehavior, |
|
|
|
child: child |
|
|
|
) { |
|
|
|
D.assert(highlightElevation == null || highlightElevation >= 0.0f); |
|
|
|
D.assert(onPressed != null); |
|
|
|
this.highlightedBorderColor = highlightedBorderColor; |
|
|
|
this.disabledBorderColor = disabledBorderColor; |
|
|
|
this.borderSide = borderSide; |
|
|
|
} |
|
|
|
public static OutlineButton icon( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip clipBehavior = Clip.none, |
|
|
|
Widget icon = null, |
|
|
|
Widget label = null |
|
|
|
) { |
|
|
|
public static OutlineButton icon( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip clipBehavior = Clip.none, |
|
|
|
Widget icon = null, |
|
|
|
Widget label = null |
|
|
|
) { |
|
|
|
key, |
|
|
|
onPressed, |
|
|
|
textTheme, |
|
|
|
textColor, |
|
|
|
disabledTextColor, |
|
|
|
color, |
|
|
|
highlightColor, |
|
|
|
splashColor, |
|
|
|
highlightElevation, |
|
|
|
highlightedBorderColor, |
|
|
|
disabledBorderColor, |
|
|
|
borderSide, |
|
|
|
padding, |
|
|
|
shape, |
|
|
|
clipBehavior, |
|
|
|
icon, |
|
|
|
label |
|
|
|
); |
|
|
|
key, |
|
|
|
onPressed, |
|
|
|
textTheme, |
|
|
|
textColor, |
|
|
|
disabledTextColor, |
|
|
|
color, |
|
|
|
highlightColor, |
|
|
|
splashColor, |
|
|
|
highlightElevation, |
|
|
|
highlightedBorderColor, |
|
|
|
disabledBorderColor, |
|
|
|
borderSide, |
|
|
|
padding, |
|
|
|
shape, |
|
|
|
clipBehavior, |
|
|
|
icon, |
|
|
|
label |
|
|
|
); |
|
|
|
public readonly Color highlightedBorderColor; |
|
|
|
public readonly Color highlightedBorderColor; |
|
|
|
public readonly Color disabledBorderColor; |
|
|
|
public readonly Color disabledBorderColor; |
|
|
|
public readonly BorderSide borderSide; |
|
|
|
public readonly BorderSide borderSide; |
|
|
|
public override Widget build(BuildContext context) { |
|
|
|
ButtonThemeData buttonTheme = ButtonTheme.of(context); |
|
|
|
return new _OutlineButton( |
|
|
|
onPressed: this.onPressed, |
|
|
|
brightness: buttonTheme.getBrightness(this), |
|
|
|
textTheme: this.textTheme, |
|
|
|
textColor: buttonTheme.getTextColor(this), |
|
|
|
disabledTextColor: buttonTheme.getDisabledTextColor(this), |
|
|
|
color: this.color, |
|
|
|
highlightColor: buttonTheme.getHighlightColor(this), |
|
|
|
splashColor: buttonTheme.getSplashColor(this), |
|
|
|
highlightElevation: buttonTheme.getHighlightElevation(this), |
|
|
|
borderSide: this.borderSide, |
|
|
|
disabledBorderColor: this.disabledBorderColor, |
|
|
|
highlightedBorderColor: this.highlightedBorderColor ?? buttonTheme.colorScheme.primary, |
|
|
|
padding: buttonTheme.getPadding(this), |
|
|
|
shape: buttonTheme.getShape(this), |
|
|
|
clipBehavior: this.clipBehavior, |
|
|
|
child: this.child |
|
|
|
); |
|
|
|
} |
|
|
|
public override Widget build(BuildContext context) { |
|
|
|
ButtonThemeData buttonTheme = ButtonTheme.of(context); |
|
|
|
return new _OutlineButton( |
|
|
|
onPressed: this.onPressed, |
|
|
|
brightness: buttonTheme.getBrightness(this), |
|
|
|
textTheme: this.textTheme, |
|
|
|
textColor: buttonTheme.getTextColor(this), |
|
|
|
disabledTextColor: buttonTheme.getDisabledTextColor(this), |
|
|
|
color: this.color, |
|
|
|
highlightColor: buttonTheme.getHighlightColor(this), |
|
|
|
splashColor: buttonTheme.getSplashColor(this), |
|
|
|
highlightElevation: buttonTheme.getHighlightElevation(this), |
|
|
|
borderSide: this.borderSide, |
|
|
|
disabledBorderColor: this.disabledBorderColor, |
|
|
|
highlightedBorderColor: this.highlightedBorderColor ?? buttonTheme.colorScheme.primary, |
|
|
|
padding: buttonTheme.getPadding(this), |
|
|
|
shape: buttonTheme.getShape(this), |
|
|
|
clipBehavior: this.clipBehavior, |
|
|
|
child: this.child |
|
|
|
); |
|
|
|
} |
|
|
|
public override void debugFillProperties(DiagnosticPropertiesBuilder properties) { |
|
|
|
base.debugFillProperties(properties); |
|
|
|
properties.add(new ObjectFlagProperty<VoidCallback>("onPressed", this.onPressed, ifNull: "disabled")); |
|
|
|
properties.add(new DiagnosticsProperty<ButtonTextTheme?>("textTheme", this.textTheme, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("textColor", this.textColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("disabledTextColor", this.disabledTextColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("color", this.color, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("highlightColor", this.highlightColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("splashColor", this.splashColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<float?>("highlightElevation", this.highlightElevation, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<BorderSide>("borderSide", this.borderSide, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("disabledBorderColor", this.disabledBorderColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("highlightedBorderColor", this.highlightedBorderColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<EdgeInsets>("padding", this.padding, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<ShapeBorder>("shape", this.shape, defaultValue: null)); |
|
|
|
} |
|
|
|
public override void debugFillProperties(DiagnosticPropertiesBuilder properties) { |
|
|
|
base.debugFillProperties(properties); |
|
|
|
properties.add(new ObjectFlagProperty<VoidCallback>("onPressed", this.onPressed, ifNull: "disabled")); |
|
|
|
properties.add(new DiagnosticsProperty<ButtonTextTheme?>("textTheme", this.textTheme, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("textColor", this.textColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("disabledTextColor", this.disabledTextColor, |
|
|
|
defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("color", this.color, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("highlightColor", this.highlightColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("splashColor", this.splashColor, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<float?>("highlightElevation", this.highlightElevation, |
|
|
|
defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<BorderSide>("borderSide", this.borderSide, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("disabledBorderColor", this.disabledBorderColor, |
|
|
|
defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<Color>("highlightedBorderColor", this.highlightedBorderColor, |
|
|
|
defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<EdgeInsets>("padding", this.padding, defaultValue: null)); |
|
|
|
properties.add(new DiagnosticsProperty<ShapeBorder>("shape", this.shape, defaultValue: null)); |
|
|
|
} |
|
|
|
public _OutlineButtonWithIcon( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip clipBehavior = Clip.none, |
|
|
|
Widget icon = null, |
|
|
|
Widget label = null |
|
|
|
) : |
|
|
|
base( |
|
|
|
key: key, |
|
|
|
onPressed: onPressed, |
|
|
|
textTheme: textTheme, |
|
|
|
textColor: textColor, |
|
|
|
disabledTextColor: disabledTextColor, |
|
|
|
color: color, |
|
|
|
highlightColor: highlightColor, |
|
|
|
splashColor: splashColor, |
|
|
|
highlightElevation: highlightElevation, |
|
|
|
disabledBorderColor: disabledBorderColor, |
|
|
|
highlightedBorderColor: highlightedBorderColor, |
|
|
|
borderSide: borderSide, |
|
|
|
padding: padding, |
|
|
|
shape: shape, |
|
|
|
clipBehavior: clipBehavior, |
|
|
|
child: new Row( |
|
|
|
mainAxisSize: MainAxisSize.min, |
|
|
|
children: new List<Widget>{ |
|
|
|
icon, |
|
|
|
new SizedBox(width: 8.0f), |
|
|
|
label |
|
|
|
} |
|
|
|
) |
|
|
|
) { |
|
|
|
D.assert(onPressed != null); |
|
|
|
D.assert(highlightElevation == null || highlightElevation >= 0.0f); |
|
|
|
D.assert(icon != null); |
|
|
|
D.assert(label != null); |
|
|
|
} |
|
|
|
public _OutlineButtonWithIcon( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip clipBehavior = Clip.none, |
|
|
|
Widget icon = null, |
|
|
|
Widget label = null |
|
|
|
) : |
|
|
|
base( |
|
|
|
key: key, |
|
|
|
onPressed: onPressed, |
|
|
|
textTheme: textTheme, |
|
|
|
textColor: textColor, |
|
|
|
disabledTextColor: disabledTextColor, |
|
|
|
color: color, |
|
|
|
highlightColor: highlightColor, |
|
|
|
splashColor: splashColor, |
|
|
|
highlightElevation: highlightElevation, |
|
|
|
disabledBorderColor: disabledBorderColor, |
|
|
|
highlightedBorderColor: highlightedBorderColor, |
|
|
|
borderSide: borderSide, |
|
|
|
padding: padding, |
|
|
|
shape: shape, |
|
|
|
clipBehavior: clipBehavior, |
|
|
|
child: new Row( |
|
|
|
mainAxisSize: MainAxisSize.min, |
|
|
|
children: new List<Widget> { |
|
|
|
icon, |
|
|
|
new SizedBox(width: 8.0f), |
|
|
|
label |
|
|
|
} |
|
|
|
) |
|
|
|
) { |
|
|
|
D.assert(onPressed != null); |
|
|
|
D.assert(highlightElevation == null || highlightElevation >= 0.0f); |
|
|
|
D.assert(icon != null); |
|
|
|
D.assert(label != null); |
|
|
|
} |
|
|
|
public _OutlineButton( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
Brightness? brightness = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip? clipBehavior = Clip.none, |
|
|
|
Widget child = null |
|
|
|
) : base(key: key) { |
|
|
|
D.assert(highlightElevation != null && highlightElevation >= 0.0f); |
|
|
|
D.assert(highlightedBorderColor != null); |
|
|
|
D.assert(this.onPressed != null); |
|
|
|
this.onPressed = onPressed; |
|
|
|
this.brightness = brightness; |
|
|
|
this.textTheme = textTheme; |
|
|
|
this.textColor = textColor; |
|
|
|
this.disabledTextColor = disabledTextColor; |
|
|
|
this.color = color; |
|
|
|
this.highlightColor = highlightColor; |
|
|
|
this.splashColor = splashColor; |
|
|
|
this.highlightElevation = highlightElevation; |
|
|
|
this.borderSide = borderSide; |
|
|
|
this.disabledBorderColor = disabledBorderColor; |
|
|
|
this.highlightedBorderColor = highlightedBorderColor; |
|
|
|
this.padding = padding; |
|
|
|
this.shape = shape; |
|
|
|
this.clipBehavior = clipBehavior; |
|
|
|
this.child = child; |
|
|
|
} |
|
|
|
public _OutlineButton( |
|
|
|
Key key = null, |
|
|
|
VoidCallback onPressed = null, |
|
|
|
Brightness? brightness = null, |
|
|
|
ButtonTextTheme? textTheme = null, |
|
|
|
Color textColor = null, |
|
|
|
Color disabledTextColor = null, |
|
|
|
Color color = null, |
|
|
|
Color highlightColor = null, |
|
|
|
Color splashColor = null, |
|
|
|
float? highlightElevation = null, |
|
|
|
BorderSide borderSide = null, |
|
|
|
Color disabledBorderColor = null, |
|
|
|
Color highlightedBorderColor = null, |
|
|
|
EdgeInsets padding = null, |
|
|
|
ShapeBorder shape = null, |
|
|
|
Clip? clipBehavior = Clip.none, |
|
|
|
Widget child = null |
|
|
|
) : base(key: key) { |
|
|
|
D.assert(highlightElevation != null && highlightElevation >= 0.0f); |
|
|
|
D.assert(highlightedBorderColor != null); |
|
|
|
D.assert(this.onPressed != null); |
|
|
|
this.onPressed = onPressed; |
|
|
|
this.brightness = brightness; |
|
|
|
this.textTheme = textTheme; |
|
|
|
this.textColor = textColor; |
|
|
|
this.disabledTextColor = disabledTextColor; |
|
|
|
this.color = color; |
|
|
|
this.highlightColor = highlightColor; |
|
|
|
this.splashColor = splashColor; |
|
|
|
this.highlightElevation = highlightElevation; |
|
|
|
this.borderSide = borderSide; |
|
|
|
this.disabledBorderColor = disabledBorderColor; |
|
|
|
this.highlightedBorderColor = highlightedBorderColor; |
|
|
|
this.padding = padding; |
|
|
|
this.shape = shape; |
|
|
|
this.clipBehavior = clipBehavior; |
|
|
|
this.child = child; |
|
|
|
} |
|
|
|
public readonly VoidCallback onPressed; |
|
|
|
public readonly Brightness? brightness; |
|
|
|
public readonly ButtonTextTheme? textTheme; |
|
|
|
public readonly Color textColor; |
|
|
|
public readonly Color disabledTextColor; |
|
|
|
public readonly Color color; |
|
|
|
public readonly Color highlightColor; |
|
|
|
public readonly Color splashColor; |
|
|
|
public readonly float? highlightElevation; |
|
|
|
public readonly BorderSide borderSide; |
|
|
|
public readonly Color disabledBorderColor; |
|
|
|
public readonly Color highlightedBorderColor; |
|
|
|
public readonly EdgeInsets padding; |
|
|
|
public readonly ShapeBorder shape; |
|
|
|
public readonly Clip? clipBehavior; |
|
|
|
public readonly Widget child; |
|
|
|
public readonly VoidCallback onPressed; |
|
|
|
public readonly Brightness? brightness; |
|
|
|
public readonly ButtonTextTheme? textTheme; |
|
|
|
public readonly Color textColor; |
|
|
|
public readonly Color disabledTextColor; |
|
|
|
public readonly Color color; |
|
|
|
public readonly Color highlightColor; |
|
|
|
public readonly Color splashColor; |
|
|
|
public readonly float? highlightElevation; |
|
|
|
public readonly BorderSide borderSide; |
|
|
|
public readonly Color disabledBorderColor; |
|
|
|
public readonly Color highlightedBorderColor; |
|
|
|
public readonly EdgeInsets padding; |
|
|
|
public readonly ShapeBorder shape; |
|
|
|
public readonly Clip? clipBehavior; |
|
|
|
public readonly Widget child; |
|
|
|
public bool enabled { |
|
|
|
get { |
|
|
|
return this.onPressed != null; |
|
|
|
} |
|
|
|
} |
|
|
|
public bool enabled { |
|
|
|
get { return this.onPressed != null; } |
|
|
|
} |
|
|
|
public override State createState() => new _OutlineButtonState(); |
|
|
|
public override State createState() { |
|
|
|
return new _OutlineButtonState(); |
|
|
|
} |
|
|
|
AnimationController _controller; |
|
|
|
Animation<float> _fillAnimation; |
|
|
|
Animation<float> _elevationAnimation; |
|
|
|
bool _pressed = false; |
|
|
|
AnimationController _controller; |
|
|
|
Animation<float> _fillAnimation; |
|
|
|
Animation<float> _elevationAnimation; |
|
|
|
bool _pressed = false; |
|
|
|
public override void initState() { |
|
|
|
base.initState(); |
|
|
|
public override void initState() { |
|
|
|
base.initState(); |
|
|
|
this._controller = new AnimationController( |
|
|
|
duration: OutlineButtonConstants._kPressDuration, |
|
|
|
vsync: this |
|
|
|
); |
|
|
|
this._fillAnimation = new CurvedAnimation( |
|
|
|
parent: this._controller, |
|
|
|
curve: new Interval(0.0f, 0.5f, |
|
|
|
curve: Curves.fastOutSlowIn |
|
|
|
) |
|
|
|
); |
|
|
|
this._elevationAnimation = new CurvedAnimation( |
|
|
|
parent: this._controller, |
|
|
|
curve: new Interval(0.5f, 0.5f), |
|
|
|
reverseCurve: new Interval(1.0f, 1.0f) |
|
|
|
); |
|
|
|
} |
|
|
|
this._controller = new AnimationController( |
|
|
|
duration: OutlineButtonConstants._kPressDuration, |
|
|
|
vsync: this |
|
|
|
); |
|
|
|
this._fillAnimation = new CurvedAnimation( |
|
|
|
parent: this._controller, |
|
|
|
curve: new Interval(0.0f, 0.5f, |
|
|
|
curve: Curves.fastOutSlowIn |
|
|
|
) |
|
|
|
); |
|
|
|
this._elevationAnimation = new CurvedAnimation( |
|
|
|
parent: this._controller, |
|
|
|
curve: new Interval(0.5f, 0.5f), |
|
|
|
reverseCurve: new Interval(1.0f, 1.0f) |
|
|
|
); |
|
|
|
} |
|
|
|
public override void dispose() { |
|
|
|
this._controller.dispose(); |
|
|
|
base.dispose(); |
|
|
|
} |
|
|
|
public override void dispose() { |
|
|
|
this._controller.dispose(); |
|
|
|
base.dispose(); |
|
|
|
} |
|
|
|
Color _getFillColor() { |
|
|
|
bool themeIsDark = this.widget.brightness == Brightness.dark; |
|
|
|
Color color = this.widget.color ?? (themeIsDark |
|
|
|
? new Color(0x00000000) |
|
|
|
: new Color(0x00FFFFFF)); |
|
|
|
ColorTween colorTween = new ColorTween( |
|
|
|
begin: color.withAlpha(0x00), |
|
|
|
end: color.withAlpha(0xFF) |
|
|
|
); |
|
|
|
return colorTween.evaluate(this._fillAnimation); |
|
|
|
} |
|
|
|
Color _getFillColor() { |
|
|
|
bool themeIsDark = this.widget.brightness == Brightness.dark; |
|
|
|
Color color = this.widget.color ?? (themeIsDark |
|
|
|
? new Color(0x00000000) |
|
|
|
: new Color(0x00FFFFFF)); |
|
|
|
ColorTween colorTween = new ColorTween( |
|
|
|
begin: color.withAlpha(0x00), |
|
|
|
end: color.withAlpha(0xFF) |
|
|
|
); |
|
|
|
return colorTween.evaluate(this._fillAnimation); |
|
|
|
} |
|
|
|
BorderSide _getOutline() { |
|
|
|
bool isDark = this.widget.brightness == Brightness.dark; |
|
|
|
if (this.widget.borderSide?.style == BorderStyle.none) |
|
|
|
return this.widget.borderSide; |
|
|
|
BorderSide _getOutline() { |
|
|
|
bool isDark = this.widget.brightness == Brightness.dark; |
|
|
|
if (this.widget.borderSide?.style == BorderStyle.none) { |
|
|
|
return this.widget.borderSide; |
|
|
|
} |
|
|
|
Color color = this.widget.enabled |
|
|
|
? (this._pressed |
|
|
|
? this.widget.highlightedBorderColor |
|
|
|
: (this.widget.borderSide?.color ?? |
|
|
|
(isDark ? Colors.grey[600] : Colors.grey[200]))) |
|
|
|
: (this.widget.disabledBorderColor ?? |
|
|
|
(isDark ? Colors.grey[800] : Colors.grey[100])); |
|
|
|
Color color = this.widget.enabled |
|
|
|
? (this._pressed |
|
|
|
? this.widget.highlightedBorderColor |
|
|
|
: (this.widget.borderSide?.color ?? |
|
|
|
(isDark ? Colors.grey[600] : Colors.grey[200]))) |
|
|
|
: (this.widget.disabledBorderColor ?? |
|
|
|
(isDark ? Colors.grey[800] : Colors.grey[100])); |
|
|
|
return new BorderSide( |
|
|
|
color: color, |
|
|
|
width: this.widget.borderSide?.width ?? 2.0f |
|
|
|
); |
|
|
|
} |
|
|
|
return new BorderSide( |
|
|
|
color: color, |
|
|
|
width: this.widget.borderSide?.width ?? 2.0f |
|
|
|
); |
|
|
|
} |
|
|
|
float _getHighlightElevation() { |
|
|
|
return new FloatTween( |
|
|
|
begin: 0.0f, |
|
|
|
end: this.widget.highlightElevation ?? 2.0f |
|
|
|
).evaluate(this._elevationAnimation); |
|
|
|
} |
|
|
|
float _getHighlightElevation() { |
|
|
|
return new FloatTween( |
|
|
|
begin: 0.0f, |
|
|
|
end: this.widget.highlightElevation ?? 2.0f |
|
|
|
).evaluate(this._elevationAnimation); |
|
|
|
} |
|
|
|
public override Widget build(BuildContext context) { |
|
|
|
return new AnimatedBuilder( |
|
|
|
animation: this._controller, |
|
|
|
builder: (BuildContext _context, Widget child) => { |
|
|
|
return new RaisedButton( |
|
|
|
textColor: this.widget.textColor, |
|
|
|
disabledTextColor: this.widget.disabledTextColor, |
|
|
|
color: this._getFillColor(), |
|
|
|
splashColor: this.widget.splashColor, |
|
|
|
highlightColor: this.widget.highlightColor, |
|
|
|
disabledColor: Colors.transparent, |
|
|
|
onPressed: this.widget.onPressed, |
|
|
|
elevation: 0.0f, |
|
|
|
disabledElevation: 0.0f, |
|
|
|
highlightElevation: this._getHighlightElevation(), |
|
|
|
onHighlightChanged: (bool value) => { |
|
|
|
this.setState(() => { |
|
|
|
this._pressed = value; |
|
|
|
if (value) |
|
|
|
this._controller.forward(); |
|
|
|
else |
|
|
|
this._controller.reverse(); |
|
|
|
}); |
|
|
|
}, |
|
|
|
padding: |
|
|
|
this.widget.padding, |
|
|
|
shape: new _OutlineBorder( |
|
|
|
shape: this.widget.shape, |
|
|
|
side: this._getOutline() |
|
|
|
), |
|
|
|
clipBehavior: |
|
|
|
this.widget.clipBehavior, |
|
|
|
animationDuration: OutlineButtonConstants._kElevationDuration, |
|
|
|
child: |
|
|
|
this.widget.child |
|
|
|
public override Widget build(BuildContext context) { |
|
|
|
return new AnimatedBuilder( |
|
|
|
animation: this._controller, |
|
|
|
builder: (BuildContext _context, Widget child) => { |
|
|
|
return new RaisedButton( |
|
|
|
textColor: this.widget.textColor, |
|
|
|
disabledTextColor: this.widget.disabledTextColor, |
|
|
|
color: this._getFillColor(), |
|
|
|
splashColor: this.widget.splashColor, |
|
|
|
highlightColor: this.widget.highlightColor, |
|
|
|
disabledColor: Colors.transparent, |
|
|
|
onPressed: this.widget.onPressed, |
|
|
|
elevation: 0.0f, |
|
|
|
disabledElevation: 0.0f, |
|
|
|
highlightElevation: this._getHighlightElevation(), |
|
|
|
onHighlightChanged: (bool value) => { |
|
|
|
this.setState(() => { |
|
|
|
this._pressed = value; |
|
|
|
if (value) { |
|
|
|
this._controller.forward(); |
|
|
|
} |
|
|
|
else { |
|
|
|
this._controller.reverse(); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
padding: |
|
|
|
this.widget.padding, |
|
|
|
shape: new _OutlineBorder( |
|
|
|
shape: this.widget.shape, |
|
|
|
side: this._getOutline() |
|
|
|
), |
|
|
|
clipBehavior: |
|
|
|
this.widget.clipBehavior, |
|
|
|
animationDuration: OutlineButtonConstants._kElevationDuration, |
|
|
|
child: |
|
|
|
this.widget.child |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
public _OutlineBorder( |
|
|
|
ShapeBorder shape, |
|
|
|
BorderSide side |
|
|
|
) { |
|
|
|
D.assert(shape != null); |
|
|
|
D.assert(side != null); |
|
|
|
this.shape = shape; |
|
|
|
this.side = side; |
|
|
|
} |
|
|
|
public _OutlineBorder( |
|
|
|
ShapeBorder shape, |
|
|
|
BorderSide side |
|
|
|
) { |
|
|
|
D.assert(shape != null); |
|
|
|
D.assert(side != null); |
|
|
|
this.shape = shape; |
|
|
|
this.side = side; |
|
|
|
} |
|
|
|
|
|
|
|
public readonly ShapeBorder shape; |
|
|
|
public readonly BorderSide side; |
|
|
|
|
|
|
|
public override EdgeInsets dimensions { |
|
|
|
get { return EdgeInsets.all(this.side.width); } |
|
|
|
} |
|
|
|
|
|
|
|
public override ShapeBorder scale(float t) { |
|
|
|
return new _OutlineBorder( |
|
|
|
shape: this.shape.scale(t), |
|
|
|
side: this.side.scale(t) |
|
|
|
); |
|
|
|
} |
|
|
|
public readonly ShapeBorder shape; |
|
|
|
public readonly BorderSide side; |
|
|
|
public override ShapeBorder lerpFrom(ShapeBorder a, float t) { |
|
|
|
if (a is _OutlineBorder) { |
|
|
|
return new _OutlineBorder( |
|
|
|
side: BorderSide.lerp((a as _OutlineBorder).side, this.side, t), |
|
|
|
shape: lerp((a as _OutlineBorder).shape, this.shape, t) |
|
|
|
); |
|
|
|
} |
|
|
|
public override EdgeInsets dimensions { |
|
|
|
get { |
|
|
|
return EdgeInsets.all(this.side.width); |
|
|
|
} |
|
|
|
} |
|
|
|
return base.lerpFrom(a, t); |
|
|
|
} |
|
|
|
public override ShapeBorder scale(float t) { |
|
|
|
return new _OutlineBorder( |
|
|
|
shape: this.shape.scale(t), |
|
|
|
side: this.side.scale(t) |
|
|
|
); |
|
|
|
} |
|
|
|
public override ShapeBorder lerpTo(ShapeBorder b, float t) { |
|
|
|
if (b is _OutlineBorder) { |
|
|
|
return new _OutlineBorder( |
|
|
|
side: BorderSide.lerp(this.side, (b as _OutlineBorder).side, t), |
|
|
|
shape: lerp(this.shape, (b as _OutlineBorder).shape, t) |
|
|
|
); |
|
|
|
} |
|
|
|
public override ShapeBorder lerpFrom(ShapeBorder a, float t) { |
|
|
|
D.assert(t != null); |
|
|
|
if (a is _OutlineBorder) { |
|
|
|
return new _OutlineBorder( |
|
|
|
side: BorderSide.lerp((a as _OutlineBorder).side, this.side, t), |
|
|
|
shape: lerp((a as _OutlineBorder).shape, this.shape, t) |
|
|
|
); |
|
|
|
return base.lerpTo(b, t); |
|
|
|
return base.lerpFrom(a, t); |
|
|
|
} |
|
|
|
public override ShapeBorder lerpTo(ShapeBorder b, float t) { |
|
|
|
D.assert(t != null); |
|
|
|
if (b is _OutlineBorder) { |
|
|
|
return new _OutlineBorder( |
|
|
|
side: BorderSide.lerp(this.side, (b as _OutlineBorder).side, t), |
|
|
|
shape: lerp(this.shape, (b as _OutlineBorder).shape, t) |
|
|
|
); |
|
|
|
public override Path getInnerPath(Rect rect) { |
|
|
|
return this.shape.getInnerPath(rect.deflate(this.side.width)); |
|
|
|
return base.lerpTo(b, t); |
|
|
|
} |
|
|
|
public override Path getInnerPath(Rect rect) { |
|
|
|
return this.shape.getInnerPath(rect.deflate(this.side.width)); |
|
|
|
} |
|
|
|
public override Path getOuterPath(Rect rect) { |
|
|
|
return this.shape.getOuterPath(rect); |
|
|
|
} |
|
|
|
public override Path getOuterPath(Rect rect) { |
|
|
|
return this.shape.getOuterPath(rect); |
|
|
|
} |
|
|
|
public override void paint(Canvas canvas, Rect rect) { |
|
|
|
switch (this.side.style) { |
|
|
|
case BorderStyle.none: |
|
|
|
break; |
|
|
|
case BorderStyle.solid: |
|
|
|
canvas.drawPath(this.shape.getOuterPath(rect), this.side.toPaint()); |
|
|
|
break; |
|
|
|
} |
|
|
|
} |
|
|
|
public override void paint(Canvas canvas, Rect rect) { |
|
|
|
switch (this.side.style) { |
|
|
|
case BorderStyle.none: |
|
|
|
break; |
|
|
|
case BorderStyle.solid: |
|
|
|
canvas.drawPath(this.shape.getOuterPath(rect), this.side.toPaint()); |
|
|
|
break; |
|
|
|
public static bool operator ==(_OutlineBorder left, _OutlineBorder other) { |
|
|
|
return left.side == other.side && left.shape == other.shape; |
|
|
|
} |
|
|
|
public static bool operator ==(_OutlineBorder left, _OutlineBorder other) { |
|
|
|
return left.side == other.side && left.shape == other.shape; |
|
|
|
} |
|
|
|
|
|
|
|
public static bool operator !=(_OutlineBorder left, _OutlineBorder other) { |
|
|
|
return left.side != other.side || left.shape != other.shape; |
|
|
|
} |
|
|
|
public static bool operator !=(_OutlineBorder left, _OutlineBorder other) { |
|
|
|
return left.side != other.side || left.shape != other.shape; |
|
|
|
} |
|
|
|
public override int GetHashCode() { |
|
|
|
return (this.shape.GetHashCode() * 397) ^ this.side.GetHashCode(); |
|
|
|
} |
|
|
|
public override int GetHashCode() { |
|
|
|
return (this.shape.GetHashCode() * 397) ^ this.side.GetHashCode(); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
Yuncong Zhang
6 年前