您最多选择25个主题
主题必须以中文或者字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
317 行
9.7 KiB
317 行
9.7 KiB
using System;
|
|
using Unity.UIWidgets.animation;
|
|
using Unity.UIWidgets.foundation;
|
|
using Unity.UIWidgets.gestures;
|
|
using Unity.UIWidgets.rendering;
|
|
using Unity.UIWidgets.scheduler2;
|
|
using Unity.UIWidgets.ui;
|
|
|
|
namespace Unity.UIWidgets.material {
|
|
static class ToggleableUtils {
|
|
public static readonly TimeSpan _kToggleDuration = new TimeSpan(0, 0, 0, 0, 200);
|
|
|
|
public static readonly Animatable<float> _kRadialReactionRadiusTween =
|
|
new FloatTween(begin: 0.0f, end: Constants.kRadialReactionRadius);
|
|
}
|
|
|
|
public abstract class RenderToggleable : RenderConstrainedBox {
|
|
protected RenderToggleable(
|
|
bool? value = null,
|
|
bool tristate = false,
|
|
Color activeColor = null,
|
|
Color inactiveColor = null,
|
|
ValueChanged<bool?> onChanged = null,
|
|
BoxConstraints additionalConstraints = null,
|
|
TickerProvider vsync = null
|
|
) : base(additionalConstraints: additionalConstraints) {
|
|
D.assert(tristate || value != null);
|
|
D.assert(activeColor != null);
|
|
D.assert(inactiveColor != null);
|
|
D.assert(vsync != null);
|
|
_value = value;
|
|
_tristate = tristate;
|
|
_activeColor = activeColor;
|
|
_inactiveColor = inactiveColor;
|
|
_onChanged = onChanged;
|
|
_vsync = vsync;
|
|
|
|
_tap = new TapGestureRecognizer {
|
|
onTapDown = _handleTapDown,
|
|
onTap = _handleTap,
|
|
onTapUp = _handleTapUp,
|
|
onTapCancel = _handleTapCancel
|
|
};
|
|
|
|
_positionController = new AnimationController(
|
|
duration: ToggleableUtils._kToggleDuration,
|
|
value: value == false ? 0.0f : 1.0f,
|
|
vsync: vsync);
|
|
|
|
_position = new CurvedAnimation(
|
|
parent: _positionController,
|
|
curve: Curves.linear);
|
|
_position.addListener(markNeedsPaint);
|
|
_position.addStatusListener(_handlePositionStateChanged);
|
|
|
|
_reactionController = new AnimationController(
|
|
duration: Constants.kRadialReactionDuration,
|
|
vsync: vsync);
|
|
|
|
_reaction = new CurvedAnimation(
|
|
parent: _reactionController,
|
|
curve: Curves.fastOutSlowIn);
|
|
_reaction.addListener(markNeedsPaint);
|
|
}
|
|
|
|
protected AnimationController positionController {
|
|
get { return _positionController; }
|
|
}
|
|
|
|
AnimationController _positionController;
|
|
|
|
public CurvedAnimation position {
|
|
get { return _position; }
|
|
}
|
|
|
|
CurvedAnimation _position;
|
|
|
|
protected AnimationController reactionController {
|
|
get { return _reactionController; }
|
|
}
|
|
|
|
AnimationController _reactionController;
|
|
|
|
Animation<float> _reaction;
|
|
|
|
public TickerProvider vsync {
|
|
get { return _vsync; }
|
|
set {
|
|
D.assert(value != null);
|
|
if (value == _vsync) {
|
|
return;
|
|
}
|
|
|
|
_vsync = value;
|
|
positionController.resync(vsync);
|
|
reactionController.resync(vsync);
|
|
}
|
|
}
|
|
|
|
TickerProvider _vsync;
|
|
|
|
public virtual bool? value {
|
|
get { return _value; }
|
|
set {
|
|
D.assert(tristate || value != null);
|
|
if (value == _value) {
|
|
return;
|
|
}
|
|
|
|
_value = value;
|
|
_position.curve = Curves.easeIn;
|
|
_position.reverseCurve = Curves.easeOut;
|
|
if (tristate) {
|
|
switch (_positionController.status) {
|
|
case AnimationStatus.forward:
|
|
case AnimationStatus.completed: {
|
|
_positionController.reverse();
|
|
break;
|
|
}
|
|
default: {
|
|
_positionController.forward();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
if (value == true) {
|
|
_positionController.forward();
|
|
}
|
|
else {
|
|
_positionController.reverse();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
bool? _value;
|
|
|
|
public bool tristate {
|
|
get { return _tristate; }
|
|
set {
|
|
if (value == _tristate) {
|
|
return;
|
|
}
|
|
|
|
_tristate = value;
|
|
}
|
|
}
|
|
|
|
bool _tristate;
|
|
|
|
public Color activeColor {
|
|
get { return _activeColor; }
|
|
set {
|
|
D.assert(value != null);
|
|
if (value == _activeColor) {
|
|
return;
|
|
}
|
|
|
|
_activeColor = value;
|
|
markNeedsPaint();
|
|
}
|
|
}
|
|
|
|
Color _activeColor;
|
|
|
|
public Color inactiveColor {
|
|
get { return _inactiveColor; }
|
|
set {
|
|
D.assert(value != null);
|
|
if (value == _inactiveColor) {
|
|
return;
|
|
}
|
|
|
|
_inactiveColor = value;
|
|
markNeedsPaint();
|
|
}
|
|
}
|
|
|
|
Color _inactiveColor;
|
|
|
|
public ValueChanged<bool?> onChanged {
|
|
get { return _onChanged; }
|
|
set {
|
|
if (value == _onChanged) {
|
|
return;
|
|
}
|
|
|
|
bool wasInteractive = isInteractive;
|
|
_onChanged = value;
|
|
if (wasInteractive != isInteractive) {
|
|
markNeedsPaint();
|
|
}
|
|
}
|
|
}
|
|
|
|
ValueChanged<bool?> _onChanged;
|
|
|
|
public bool isInteractive {
|
|
get { return onChanged != null; }
|
|
}
|
|
|
|
TapGestureRecognizer _tap;
|
|
Offset _downPosition;
|
|
|
|
public override void attach(object owner) {
|
|
base.attach(owner);
|
|
if (value == false) {
|
|
_positionController.reverse();
|
|
}
|
|
else {
|
|
_positionController.forward();
|
|
}
|
|
|
|
if (isInteractive) {
|
|
switch (_reactionController.status) {
|
|
case AnimationStatus.forward: {
|
|
_reactionController.forward();
|
|
break;
|
|
}
|
|
case AnimationStatus.reverse: {
|
|
_reactionController.reverse();
|
|
break;
|
|
}
|
|
case AnimationStatus.dismissed:
|
|
case AnimationStatus.completed: {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
public override void detach() {
|
|
_positionController.stop();
|
|
_reactionController.stop();
|
|
base.detach();
|
|
}
|
|
|
|
void _handlePositionStateChanged(AnimationStatus status) {
|
|
if (isInteractive && !tristate) {
|
|
if (status == AnimationStatus.completed && _value == false) {
|
|
onChanged(true);
|
|
}
|
|
else if (status == AnimationStatus.dismissed && _value != false) {
|
|
onChanged(false);
|
|
}
|
|
}
|
|
}
|
|
|
|
void _handleTapDown(TapDownDetails details) {
|
|
if (isInteractive) {
|
|
_downPosition = globalToLocal(details.globalPosition);
|
|
_reactionController.forward();
|
|
}
|
|
}
|
|
|
|
void _handleTap() {
|
|
if (!isInteractive) {
|
|
return;
|
|
}
|
|
|
|
switch (value) {
|
|
case false:
|
|
onChanged(true);
|
|
break;
|
|
case true:
|
|
onChanged(tristate ? (bool?) null : false);
|
|
break;
|
|
default:
|
|
onChanged(false);
|
|
break;
|
|
}
|
|
}
|
|
|
|
void _handleTapUp(TapUpDetails details) {
|
|
_downPosition = null;
|
|
if (isInteractive) {
|
|
_reactionController.reverse();
|
|
}
|
|
}
|
|
|
|
void _handleTapCancel() {
|
|
_downPosition = null;
|
|
if (isInteractive) {
|
|
_reactionController.reverse();
|
|
}
|
|
}
|
|
|
|
protected override bool hitTestSelf(Offset position) {
|
|
return true;
|
|
}
|
|
|
|
public override void handleEvent(PointerEvent pEvent, HitTestEntry entry) {
|
|
D.assert(debugHandleEvent(pEvent, entry));
|
|
if (pEvent is PointerDownEvent && isInteractive) {
|
|
_tap.addPointer((PointerDownEvent) pEvent);
|
|
}
|
|
}
|
|
|
|
public void paintRadialReaction(Canvas canvas, Offset offset, Offset origin) {
|
|
if (!_reaction.isDismissed) {
|
|
Paint reactionPaint = new Paint {color = activeColor.withAlpha(Constants.kRadialReactionAlpha)};
|
|
Offset center = Offset.lerp(_downPosition ?? origin, origin, _reaction.value);
|
|
float radius = ToggleableUtils._kRadialReactionRadiusTween.evaluate(_reaction);
|
|
canvas.drawCircle(center + offset, radius, reactionPaint);
|
|
}
|
|
}
|
|
|
|
public override void debugFillProperties(DiagnosticPropertiesBuilder properties) {
|
|
base.debugFillProperties(properties);
|
|
properties.add(new FlagProperty("value", value: value, ifTrue: "checked", ifFalse: "unchecked",
|
|
showName: true));
|
|
properties.add(new FlagProperty("isInteractive", value: isInteractive, ifTrue: "enabled",
|
|
ifFalse: "disabled", defaultValue: true));
|
|
}
|
|
}
|
|
}
|