您最多选择25个主题
主题必须以中文或者字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
582 行
21 KiB
582 行
21 KiB
using System;
|
|
using System.Collections.Generic;
|
|
using uiwidgets;
|
|
using Unity.UIWidgets.animation;
|
|
using Unity.UIWidgets.foundation;
|
|
using Unity.UIWidgets.painting;
|
|
using Unity.UIWidgets.rendering;
|
|
using Unity.UIWidgets.service;
|
|
using Unity.UIWidgets.ui;
|
|
using Unity.UIWidgets.widgets;
|
|
|
|
namespace Unity.UIWidgets.material {
|
|
public partial class material_ {
|
|
public static readonly TimeSpan _kPressDuration = new TimeSpan(0, 0, 0, 0, 150);
|
|
|
|
public static readonly TimeSpan _kElevationDuration = new TimeSpan(0, 0, 0, 0, 75);
|
|
}
|
|
|
|
public class OutlineButton : MaterialButton {
|
|
public OutlineButton(
|
|
Key key = null,
|
|
VoidCallback onPressed = null,
|
|
VoidCallback onLongPress = null,
|
|
ButtonTextTheme? textTheme = null,
|
|
Color textColor = null,
|
|
Color disabledTextColor = null,
|
|
Color color = null,
|
|
Color focusColor = null,
|
|
Color hoverColor = null,
|
|
Color highlightColor = null,
|
|
Color splashColor = null,
|
|
float? highlightElevation = null,
|
|
BorderSide borderSide = null,
|
|
Color disabledBorderColor = null,
|
|
Color highlightedBorderColor = null,
|
|
EdgeInsetsGeometry padding = null,
|
|
VisualDensity visualDensity = null,
|
|
ShapeBorder shape = null,
|
|
Clip clipBehavior = Clip.none,
|
|
FocusNode focusNode = null,
|
|
bool autofocus = false,
|
|
Widget child = null
|
|
) :
|
|
base(
|
|
key: key,
|
|
onPressed: onPressed,
|
|
onLongPress: onLongPress,
|
|
textTheme: textTheme,
|
|
textColor: textColor,
|
|
disabledTextColor: disabledTextColor,
|
|
color: color,
|
|
focusColor: focusColor,
|
|
hoverColor: hoverColor,
|
|
highlightColor: highlightColor,
|
|
splashColor: splashColor,
|
|
highlightElevation: highlightElevation,
|
|
padding: padding,
|
|
visualDensity: visualDensity,
|
|
shape: shape,
|
|
clipBehavior: clipBehavior,
|
|
focusNode: focusNode,
|
|
autofocus: autofocus,
|
|
child: child
|
|
) {
|
|
D.assert(highlightElevation == null || highlightElevation >= 0.0f);
|
|
this.highlightedBorderColor = highlightedBorderColor;
|
|
this.disabledBorderColor = disabledBorderColor;
|
|
this.borderSide = borderSide;
|
|
}
|
|
|
|
public static OutlineButton icon(
|
|
Key key = null,
|
|
VoidCallback onPressed = null,
|
|
VoidCallback onLongPress = null,
|
|
ButtonTextTheme? textTheme = null,
|
|
Color textColor = null,
|
|
Color disabledTextColor = null,
|
|
Color color = null,
|
|
Color focusColor = null,
|
|
Color hoverColor = null,
|
|
Color highlightColor = null,
|
|
Color splashColor = null,
|
|
float? highlightElevation = null,
|
|
Color highlightedBorderColor = null,
|
|
Color disabledBorderColor = null,
|
|
BorderSide borderSide = null,
|
|
EdgeInsetsGeometry padding = null,
|
|
VisualDensity visualDensity = null,
|
|
ShapeBorder shape = null,
|
|
Clip clipBehavior = Clip.none,
|
|
Widget icon = null,
|
|
FocusNode focusNode = null,
|
|
bool autofocus = false,
|
|
Widget label = null
|
|
) {
|
|
return new _OutlineButtonWithIcon(
|
|
key: key,
|
|
onPressed: onPressed,
|
|
onLongPress: onLongPress,
|
|
textTheme: textTheme,
|
|
textColor: textColor,
|
|
disabledTextColor: disabledTextColor,
|
|
color: color,
|
|
focusColor: focusColor,
|
|
hoverColor: hoverColor,
|
|
highlightColor: highlightColor,
|
|
splashColor: splashColor,
|
|
highlightElevation: highlightElevation,
|
|
highlightedBorderColor: highlightedBorderColor,
|
|
disabledBorderColor: disabledBorderColor,
|
|
borderSide: borderSide,
|
|
padding: padding,
|
|
visualDensity: visualDensity,
|
|
shape: shape,
|
|
clipBehavior: clipBehavior,
|
|
focusNode: focusNode,
|
|
autofocus: autofocus,
|
|
icon: icon,
|
|
label: label
|
|
);
|
|
}
|
|
|
|
public readonly Color highlightedBorderColor;
|
|
|
|
public readonly Color disabledBorderColor;
|
|
|
|
public readonly BorderSide borderSide;
|
|
|
|
public override Widget build(BuildContext context) {
|
|
ButtonThemeData buttonTheme = ButtonTheme.of(context);
|
|
return new _OutlineButton(
|
|
onPressed: onPressed,
|
|
onLongPress: onLongPress,
|
|
brightness: buttonTheme.getBrightness(this),
|
|
textTheme: textTheme,
|
|
textColor: buttonTheme.getTextColor(this),
|
|
disabledTextColor: buttonTheme.getDisabledTextColor(this),
|
|
color: color,
|
|
focusColor: buttonTheme.getFocusColor(this),
|
|
hoverColor: buttonTheme.getHoverColor(this),
|
|
highlightColor: buttonTheme.getHighlightColor(this),
|
|
splashColor: buttonTheme.getSplashColor(this),
|
|
highlightElevation: buttonTheme.getHighlightElevation(this),
|
|
borderSide: borderSide,
|
|
disabledBorderColor: disabledBorderColor,
|
|
highlightedBorderColor: highlightedBorderColor ?? buttonTheme.colorScheme.primary,
|
|
padding: buttonTheme.getPadding(this),
|
|
visualDensity: visualDensity,
|
|
shape: buttonTheme.getShape(this),
|
|
clipBehavior: clipBehavior,
|
|
focusNode: focusNode,
|
|
child: child
|
|
);
|
|
}
|
|
|
|
public override void debugFillProperties(DiagnosticPropertiesBuilder properties) {
|
|
base.debugFillProperties(properties);
|
|
properties.add(new DiagnosticsProperty<BorderSide>("borderSide", borderSide, defaultValue: null));
|
|
properties.add(new ColorProperty("disabledBorderColor", disabledBorderColor, defaultValue: null));
|
|
properties.add(new ColorProperty("highlightedBorderColor", highlightedBorderColor, defaultValue: null));
|
|
}
|
|
}
|
|
|
|
class _OutlineButtonWithIcon : OutlineButton, MaterialButtonWithIconMixin {
|
|
public _OutlineButtonWithIcon(
|
|
Key key = null,
|
|
VoidCallback onPressed = null,
|
|
VoidCallback onLongPress = null,
|
|
ButtonTextTheme? textTheme = null,
|
|
Color textColor = null,
|
|
Color disabledTextColor = null,
|
|
Color color = null,
|
|
Color focusColor = null,
|
|
Color hoverColor = null,
|
|
Color highlightColor = null,
|
|
Color splashColor = null,
|
|
float? highlightElevation = null,
|
|
Color highlightedBorderColor = null,
|
|
Color disabledBorderColor = null,
|
|
BorderSide borderSide = null,
|
|
EdgeInsetsGeometry padding = null,
|
|
VisualDensity visualDensity = null,
|
|
ShapeBorder shape = null,
|
|
Clip clipBehavior = Clip.none,
|
|
FocusNode focusNode = null,
|
|
bool autofocus = false,
|
|
Widget icon = null,
|
|
Widget label = null
|
|
) :
|
|
base(
|
|
key: key,
|
|
onPressed: onPressed,
|
|
onLongPress: onLongPress,
|
|
textTheme: textTheme,
|
|
textColor: textColor,
|
|
disabledTextColor: disabledTextColor,
|
|
color: color,
|
|
focusColor: focusColor,
|
|
hoverColor: hoverColor,
|
|
highlightColor: highlightColor,
|
|
splashColor: splashColor,
|
|
highlightElevation: highlightElevation,
|
|
disabledBorderColor: disabledBorderColor,
|
|
highlightedBorderColor: highlightedBorderColor,
|
|
borderSide: borderSide,
|
|
padding: padding,
|
|
visualDensity: visualDensity,
|
|
shape: shape,
|
|
clipBehavior: clipBehavior,
|
|
focusNode: focusNode,
|
|
autofocus: autofocus,
|
|
child: new Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: new List<Widget> {
|
|
icon,
|
|
new SizedBox(width: 8.0f),
|
|
label
|
|
}
|
|
)
|
|
) {
|
|
D.assert(highlightElevation == null || highlightElevation >= 0.0f);
|
|
D.assert(icon != null);
|
|
D.assert(label != null);
|
|
}
|
|
}
|
|
|
|
class _OutlineButton : StatefulWidget {
|
|
public _OutlineButton(
|
|
Key key = null,
|
|
VoidCallback onPressed = null,
|
|
VoidCallback onLongPress = null,
|
|
Brightness? brightness = null,
|
|
ButtonTextTheme? textTheme = null,
|
|
Color textColor = null,
|
|
Color disabledTextColor = null,
|
|
Color color = null,
|
|
Color focusColor = null,
|
|
Color hoverColor = null,
|
|
Color highlightColor = null,
|
|
Color splashColor = null,
|
|
float? highlightElevation = null,
|
|
BorderSide borderSide = null,
|
|
Color disabledBorderColor = null,
|
|
Color highlightedBorderColor = null,
|
|
EdgeInsetsGeometry padding = null,
|
|
VisualDensity visualDensity = null,
|
|
ShapeBorder shape = null,
|
|
Clip? clipBehavior = Clip.none,
|
|
FocusNode focusNode = null,
|
|
bool autofocus = false,
|
|
Widget child = null
|
|
) : base(key: key) {
|
|
D.assert(highlightElevation != null && highlightElevation >= 0.0f);
|
|
D.assert(highlightedBorderColor != null);
|
|
this.onPressed = onPressed;
|
|
this.onLongPress = onLongPress;
|
|
this.brightness = brightness;
|
|
this.textTheme = textTheme;
|
|
this.textColor = textColor;
|
|
this.disabledTextColor = disabledTextColor;
|
|
this.color = color;
|
|
this.focusColor = focusColor;
|
|
this.hoverColor = hoverColor;
|
|
this.highlightColor = highlightColor;
|
|
this.splashColor = splashColor;
|
|
this.highlightElevation = highlightElevation;
|
|
this.borderSide = borderSide;
|
|
this.disabledBorderColor = disabledBorderColor;
|
|
this.highlightedBorderColor = highlightedBorderColor;
|
|
this.padding = padding;
|
|
this.visualDensity = visualDensity;
|
|
this.shape = shape;
|
|
this.clipBehavior = clipBehavior;
|
|
this.focusNode = focusNode;
|
|
this.autofocus = autofocus;
|
|
this.child = child;
|
|
}
|
|
|
|
public readonly VoidCallback onPressed;
|
|
public readonly VoidCallback onLongPress;
|
|
public readonly Brightness? brightness;
|
|
public readonly ButtonTextTheme? textTheme;
|
|
public readonly Color textColor;
|
|
public readonly Color disabledTextColor;
|
|
public readonly Color color;
|
|
public readonly Color focusColor;
|
|
public readonly Color hoverColor;
|
|
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 EdgeInsetsGeometry padding;
|
|
public readonly VisualDensity visualDensity;
|
|
public readonly ShapeBorder shape;
|
|
public readonly Clip? clipBehavior;
|
|
public readonly FocusNode focusNode;
|
|
public readonly bool autofocus;
|
|
public readonly Widget child;
|
|
|
|
public bool enabled {
|
|
get { return onPressed != null || onLongPress != null; }
|
|
}
|
|
|
|
public override State createState() {
|
|
return new _OutlineButtonState();
|
|
}
|
|
}
|
|
|
|
|
|
class _OutlineButtonState : SingleTickerProviderStateMixin<_OutlineButton> {
|
|
AnimationController _controller;
|
|
Animation<float> _fillAnimation;
|
|
Animation<float> _elevationAnimation;
|
|
bool _pressed = false;
|
|
|
|
public override void initState() {
|
|
base.initState();
|
|
|
|
|
|
_controller = new AnimationController(
|
|
duration: material_._kPressDuration,
|
|
vsync: this
|
|
);
|
|
_fillAnimation = new CurvedAnimation(
|
|
parent: _controller,
|
|
curve: new Interval(0.0f, 0.5f,
|
|
curve: Curves.fastOutSlowIn
|
|
)
|
|
);
|
|
_elevationAnimation = new CurvedAnimation(
|
|
parent: _controller,
|
|
curve: new Interval(0.5f, 0.5f),
|
|
reverseCurve: new Interval(1.0f, 1.0f)
|
|
);
|
|
}
|
|
|
|
public override void didUpdateWidget(StatefulWidget _oldWidget) {
|
|
_OutlineButton oldWidget = _oldWidget as _OutlineButton;
|
|
base.didUpdateWidget(oldWidget);
|
|
if (_pressed && !widget.enabled) {
|
|
_pressed = false;
|
|
_controller.reverse();
|
|
}
|
|
}
|
|
|
|
void _handleHighlightChanged(bool value) {
|
|
if (_pressed == value) {
|
|
return;
|
|
}
|
|
|
|
setState(() => {
|
|
_pressed = value;
|
|
if (value) {
|
|
_controller.forward();
|
|
}
|
|
else {
|
|
_controller.reverse();
|
|
}
|
|
});
|
|
}
|
|
|
|
public override void dispose() {
|
|
_controller.dispose();
|
|
base.dispose();
|
|
}
|
|
|
|
Color _getFillColor() {
|
|
if (widget.highlightElevation == null || widget.highlightElevation == 0.0) {
|
|
return Colors.transparent;
|
|
}
|
|
|
|
Color color = widget.color ?? Theme.of(context).canvasColor;
|
|
ColorTween colorTween = new ColorTween(
|
|
begin: color.withAlpha(0x00),
|
|
end: color.withAlpha(0xFF)
|
|
);
|
|
return colorTween.evaluate(_fillAnimation);
|
|
}
|
|
|
|
Color _outlineColor {
|
|
get {
|
|
// TODO: what is the meaning of this line?
|
|
if (widget.borderSide?.color is MaterialStateProperty<Color>)
|
|
return widget.borderSide.color;
|
|
if (!widget.enabled)
|
|
return widget.disabledBorderColor;
|
|
if (_pressed)
|
|
return widget.highlightedBorderColor;
|
|
return widget.borderSide?.color;
|
|
}
|
|
}
|
|
|
|
BorderSide _getOutline() {
|
|
if (widget.borderSide?.style == BorderStyle.none) {
|
|
return widget.borderSide;
|
|
}
|
|
|
|
Color specifiedColor = widget.enabled
|
|
? (_pressed ? widget.highlightedBorderColor : null) ?? widget.borderSide?.color
|
|
: widget.disabledBorderColor;
|
|
|
|
Color themeColor = Theme.of(context).colorScheme.onSurface.withOpacity(0.12f);
|
|
|
|
return new BorderSide(
|
|
color: _outlineColor ?? themeColor,
|
|
width: widget.borderSide?.width ?? 1.0f
|
|
);
|
|
}
|
|
|
|
float _getHighlightElevation() {
|
|
if (widget.highlightElevation == null || widget.highlightElevation == 0.0f) {
|
|
return 0.0f;
|
|
}
|
|
|
|
return new FloatTween(
|
|
begin: 0.0f,
|
|
end: widget.highlightElevation ?? 2.0f
|
|
).evaluate(_elevationAnimation);
|
|
}
|
|
|
|
public override Widget build(BuildContext context) {
|
|
ThemeData theme = Theme.of(context);
|
|
return new AnimatedBuilder(
|
|
animation: _controller,
|
|
builder: (BuildContext _context, Widget child) => {
|
|
return new RaisedButton(
|
|
textColor: widget.textColor,
|
|
disabledTextColor: widget.disabledTextColor,
|
|
color: _getFillColor(),
|
|
splashColor: widget.splashColor,
|
|
focusColor: widget.focusColor,
|
|
hoverColor: widget.hoverColor,
|
|
highlightColor: widget.highlightColor,
|
|
disabledColor: Colors.transparent,
|
|
onPressed: widget.onPressed,
|
|
onLongPress: widget.onLongPress,
|
|
elevation: 0.0f,
|
|
disabledElevation: 0.0f,
|
|
focusElevation: 0.0f,
|
|
hoverElevation: 0.0f,
|
|
highlightElevation: _getHighlightElevation(),
|
|
onHighlightChanged: _handleHighlightChanged,
|
|
padding:
|
|
widget.padding,
|
|
visualDensity: widget.visualDensity ?? theme.visualDensity,
|
|
shape: new _OutlineBorder(
|
|
shape: widget.shape,
|
|
side: _getOutline()
|
|
),
|
|
clipBehavior: widget.clipBehavior,
|
|
focusNode: widget.focusNode,
|
|
animationDuration: material_._kElevationDuration,
|
|
child:
|
|
widget.child
|
|
);
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
class _OutlineBorder : ShapeBorder {
|
|
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 EdgeInsetsGeometry dimensions {
|
|
get { return EdgeInsets.all(side.width); }
|
|
}
|
|
|
|
public override ShapeBorder scale(float t) {
|
|
return new _OutlineBorder(
|
|
shape: shape.scale(t),
|
|
side: side.scale(t)
|
|
);
|
|
}
|
|
|
|
public override ShapeBorder lerpFrom(ShapeBorder a, float t) {
|
|
if (a is _OutlineBorder) {
|
|
return new _OutlineBorder(
|
|
side: BorderSide.lerp((a as _OutlineBorder).side, side, t),
|
|
shape: lerp((a as _OutlineBorder).shape, shape, t)
|
|
);
|
|
}
|
|
|
|
return base.lerpFrom(a, t);
|
|
}
|
|
|
|
public override ShapeBorder lerpTo(ShapeBorder b, float t) {
|
|
if (b is _OutlineBorder) {
|
|
return new _OutlineBorder(
|
|
side: BorderSide.lerp(side, (b as _OutlineBorder).side, t),
|
|
shape: lerp(shape, (b as _OutlineBorder).shape, t)
|
|
);
|
|
}
|
|
|
|
return base.lerpTo(b, t);
|
|
}
|
|
|
|
public override Path getInnerPath(Rect rect, TextDirection? textDirection) {
|
|
return shape.getInnerPath(rect.deflate(side.width));
|
|
}
|
|
|
|
public override Path getOuterPath(Rect rect, TextDirection? textDirection) {
|
|
return shape.getOuterPath(rect);
|
|
}
|
|
|
|
public override void paint(Canvas canvas, Rect rect, TextDirection? textDirection) {
|
|
switch (side.style) {
|
|
case BorderStyle.none:
|
|
break;
|
|
case BorderStyle.solid:
|
|
canvas.drawPath(shape.getOuterPath(rect), side.toPaint());
|
|
break;
|
|
}
|
|
}
|
|
|
|
public static bool operator ==(_OutlineBorder left, _OutlineBorder right) {
|
|
return left.Equals(right);
|
|
}
|
|
|
|
public static bool operator !=(_OutlineBorder left, _OutlineBorder right) {
|
|
return !left.Equals(right);
|
|
}
|
|
|
|
public bool Equals(_OutlineBorder other) {
|
|
return side == other.side && shape == other.shape;
|
|
}
|
|
|
|
public override bool Equals(object obj) {
|
|
if (ReferenceEquals(null, obj)) {
|
|
return false;
|
|
}
|
|
|
|
if (ReferenceEquals(this, obj)) {
|
|
return true;
|
|
}
|
|
|
|
if (obj.GetType() != GetType()) {
|
|
return false;
|
|
}
|
|
|
|
return Equals((_OutlineBorder) obj);
|
|
}
|
|
|
|
public override int GetHashCode() {
|
|
return (shape.GetHashCode() * 397) ^ side.GetHashCode();
|
|
}
|
|
|
|
public ShapeBorder resolve(HashSet<MaterialState> states) {
|
|
return new _OutlineBorder(
|
|
shape: shape,
|
|
side: side.copyWith(color: MaterialStateProperty<Color>.resolveAs(side.color, states)
|
|
)
|
|
);
|
|
}
|
|
|
|
|
|
public static ShapeBorder resolveAs<ShapeBorder>(ShapeBorder value, HashSet<MaterialState> states) {
|
|
if (value is MaterialStateProperty<ShapeBorder> materialStateProperty) {
|
|
MaterialStateProperty<ShapeBorder> property = materialStateProperty;
|
|
return property.resolve(states);
|
|
}
|
|
|
|
return value;
|
|
}
|
|
|
|
public static MaterialStateProperty<ShapeBorder> resolveWith<ShapeBorder>(
|
|
material_.MaterialPropertyResolver<ShapeBorder> callback) =>
|
|
new _MaterialStateProperty<ShapeBorder>(callback);
|
|
}
|
|
}
|