using System; using Unity.UIWidgets.animation; using Unity.UIWidgets.cupertino; using Unity.UIWidgets.foundation; using Unity.UIWidgets.gestures; using Unity.UIWidgets.rendering; using Unity.UIWidgets.scheduler; using Unity.UIWidgets.ui; using Unity.UIWidgets.widgets; using UnityEngine; using Canvas = Unity.UIWidgets.ui.Canvas; using Color = Unity.UIWidgets.ui.Color; using Rect = Unity.UIWidgets.ui.Rect; namespace UIWidgetsSample.RaycastableScene { class CupertinoSwitchUtils { public const float _kTrackWidth = 25.5f; public const float _kTrackHeight = 15.5f; public const float _kTrackRadius = _kTrackHeight / 2.0f; public const float _kTrackInnerStart = _kTrackHeight / 2.0f; public const float _kTrackInnerEnd = _kTrackWidth - _kTrackInnerStart; public const float _kTrackInnerLength = _kTrackInnerEnd - _kTrackInnerStart; public const float _kSwitchWidth = 29.5f; public const float _kSwitchHeight = 19.5f; public const float _kExtension = 3.5f; public const float _kRadius = 7f; public const float _kCupertinoSwitchDisabledOpacity = 0.5f; public static readonly Color _kTrackColor = new Color(0xFFE5E5EA); public static readonly TimeSpan _kReactionDuration = TimeSpan.FromMilliseconds(300); public static readonly TimeSpan _kToggleDuration = TimeSpan.FromMilliseconds(200); } public class CupertinoSwitch : StatefulWidget { public CupertinoSwitch( bool value, ValueChanged onChanged, Key key = null, Color activeColor = null, Color trackColor = null, DragStartBehavior dragStartBehavior = DragStartBehavior.start ) : base(key: key) { this.value = value; this.onChanged = onChanged; this.activeColor = activeColor; this.trackColor = trackColor; this.dragStartBehavior = dragStartBehavior; } public readonly bool value; public readonly ValueChanged onChanged; public readonly Color activeColor; public readonly Color trackColor; public readonly DragStartBehavior dragStartBehavior; public override State createState() { return new _CupertinoSwitchState(); } public override void debugFillProperties(DiagnosticPropertiesBuilder properties) { base.debugFillProperties(properties); properties.add(new FlagProperty("value", value: value, ifTrue: "on", ifFalse: "off", showName: true)); properties.add(new ObjectFlagProperty>("onChanged", onChanged, ifNull: "disabled")); } } class _CupertinoSwitchState : TickerProviderStateMixin { public TapGestureRecognizer _tap; public HorizontalDragGestureRecognizer _drag; AnimationController _positionController; public CurvedAnimation position; AnimationController _reactionController; public Animation _reaction; bool isInteractive { get { return widget.onChanged != null; } } bool needsPositionAnimation = false; public override void initState() { base.initState(); _tap = new TapGestureRecognizer(); _tap.onTapDown = _handleTapDown; _tap.onTapUp = _handleTapUp; _tap.onTap = _handleTap; _tap.onTapCancel = _handleTapCancel; _drag = new HorizontalDragGestureRecognizer(); _drag.onStart = _handleDragStart; _drag.onUpdate = _handleDragUpdate; _drag.onEnd = _handleDragEnd; _drag.dragStartBehavior = widget.dragStartBehavior; _positionController = new AnimationController( duration: CupertinoSwitchUtils._kToggleDuration, value: widget.value ? 1.0f : 0.0f, vsync: this ); position = new CurvedAnimation( parent: _positionController, curve: Curves.linear ); _reactionController = new AnimationController( duration: CupertinoSwitchUtils._kReactionDuration, vsync: this ); _reaction = new CurvedAnimation( parent: _reactionController, curve: Curves.ease ); } public override void didUpdateWidget(StatefulWidget oldWidget) { oldWidget = (CupertinoSwitch) oldWidget; base.didUpdateWidget(oldWidget); _drag.dragStartBehavior = widget.dragStartBehavior; if (needsPositionAnimation || ((CupertinoSwitch) oldWidget).value != widget.value) _resumePositionAnimation(isLinear: needsPositionAnimation); } void _resumePositionAnimation( bool isLinear = true ) { needsPositionAnimation = false; position.curve = isLinear ? null : Curves.ease; position.reverseCurve = isLinear ? null : Curves.ease.flipped; if (widget.value) _positionController.forward(); else _positionController.reverse(); } void _handleTapDown(TapDownDetails details) { if (isInteractive) needsPositionAnimation = false; _reactionController.forward(); } void _handleTap() { if (isInteractive) { widget.onChanged(!widget.value); } } void _handleTapUp(TapUpDetails details) { if (isInteractive) { needsPositionAnimation = false; _reactionController.reverse(); } } void _handleTapCancel() { if (isInteractive) _reactionController.reverse(); } void _handleDragStart(DragStartDetails details) { if (isInteractive) { needsPositionAnimation = false; _reactionController.forward(); } } void _handleDragUpdate(DragUpdateDetails details) { if (isInteractive) { position.curve = null; position.reverseCurve = null; float? delta = details.primaryDelta / CupertinoSwitchUtils._kTrackInnerLength; switch (Directionality.of(context)) { case TextDirection.rtl: _positionController.setValue( _positionController.value - delta ?? 0.0f); break; case TextDirection.ltr: _positionController.setValue( _positionController.value + delta ?? 0.0f); break; } } } void _handleDragEnd(DragEndDetails details) { setState(()=> { needsPositionAnimation = true; }); if (position.value >= 0.5 != widget.value) widget.onChanged(!widget.value); _reactionController.reverse(); } public override Widget build(BuildContext context) { if (needsPositionAnimation) _resumePositionAnimation(); return new Opacity( opacity: widget.onChanged == null ? CupertinoSwitchUtils._kCupertinoSwitchDisabledOpacity : 1.0f, child: new _CupertinoSwitchRenderObjectWidget( value: widget.value, activeColor: CupertinoDynamicColor.resolve( widget.activeColor ?? CupertinoColors.systemGreen, context ), trackColor: CupertinoDynamicColor.resolve(widget.trackColor ?? CupertinoColors.secondarySystemFill, context), onChanged: widget.onChanged, textDirection: Directionality.of(context), state: this ) ); } public override void dispose() { _tap.dispose(); _drag.dispose(); _positionController.dispose(); _reactionController.dispose(); base.dispose(); } } class _CupertinoSwitchRenderObjectWidget : LeafRenderObjectWidget { public _CupertinoSwitchRenderObjectWidget( Key key = null, bool value = false, Color activeColor = null, Color trackColor = null, ValueChanged onChanged = null, TextDirection? textDirection = null, _CupertinoSwitchState state = null ) : base(key: key) { this.value = value; this.activeColor = activeColor; this.trackColor = trackColor; this.onChanged = onChanged; this.state = state; this.textDirection = textDirection; } public readonly bool value; public readonly Color activeColor; public readonly Color trackColor; public readonly ValueChanged onChanged; public readonly _CupertinoSwitchState state; public readonly TextDirection? textDirection; public override RenderObject createRenderObject(BuildContext context) { return new _RenderCupertinoSwitch( value: value, activeColor: activeColor, trackColor: trackColor, onChanged: onChanged, textDirection: textDirection, state: state ); } public override void updateRenderObject(BuildContext context, RenderObject renderObject) { var _renderObject = renderObject as _RenderCupertinoSwitch; _renderObject.value = value; _renderObject.activeColor = activeColor; _renderObject.trackColor = trackColor; _renderObject.onChanged = onChanged; _renderObject.textDirection = textDirection; } } class _RenderCupertinoSwitch : RenderConstrainedBox { public _RenderCupertinoSwitch( bool value, Color activeColor, Color trackColor = null, TextDirection? textDirection = null, ValueChanged onChanged = null, _CupertinoSwitchState state = null ) : base(additionalConstraints: BoxConstraints.tightFor( width: CupertinoSwitchUtils._kSwitchWidth, height: CupertinoSwitchUtils._kSwitchHeight) ) { D.assert(state != null); _value = value; _activeColor = activeColor; _trackColor = trackColor; _onChanged = onChanged; _textDirection = textDirection; _state = state; state.position.addListener(markNeedsPaint); state._reaction.addListener(markNeedsPaint); } AnimationController _positionController; CurvedAnimation _position; AnimationController _reactionController; Animation _reaction; public readonly _CupertinoSwitchState _state; public bool value { get { return _value; } set { D.assert(value != null); if (value == _value) return; _value = value; //markNeedsSemanticsUpdate(); } } bool _value; public Color activeColor { get { return _activeColor; } set { D.assert(value != null); if (value == _activeColor) { return; } _activeColor = value; markNeedsPaint(); } } Color _activeColor; public Color trackColor { get { return _trackColor; } set { D.assert(value != null); if (value == _trackColor) return; _trackColor = value; markNeedsPaint(); } } Color _trackColor; public ValueChanged onChanged { get { return _onChanged; } set { if (value == _onChanged) { return; } bool wasInteractive = isInteractive; _onChanged = value; if (wasInteractive != isInteractive) { markNeedsPaint(); } } } ValueChanged _onChanged; public TextDirection? textDirection { get { return _textDirection; } set { if (_textDirection == value) { return; } _textDirection = value; markNeedsPaint(); } } TextDirection? _textDirection; public bool isInteractive { get { return onChanged != null; } } protected override bool hitTestSelf(Offset position) { return true; } public override void handleEvent(PointerEvent evt, HitTestEntry entry) { D.assert(debugHandleEvent(evt, entry)); if (evt is PointerDownEvent && isInteractive) { _state._drag.addPointer((PointerDownEvent) evt); _state._tap.addPointer((PointerDownEvent) evt); } } public override void paint(PaintingContext context, Offset offset) { Canvas canvas = context.canvas; float currentValue = _state.position.value; float currentReactionValue = _state._reaction.value; float visualPosition = 0.0f; switch (textDirection) { case TextDirection.rtl: visualPosition = 1.0f - currentValue; break; case TextDirection.ltr: visualPosition = currentValue; break; } Paint paint = new Paint() {color = Color.lerp(trackColor, activeColor, currentValue)}; Rect trackRect = Rect.fromLTWH( offset.dx + (size.width - CupertinoSwitchUtils._kTrackWidth) / 2.0f, offset.dy + (size.height - CupertinoSwitchUtils._kTrackHeight) / 2.0f, CupertinoSwitchUtils._kTrackWidth, CupertinoSwitchUtils._kTrackHeight ); RRect trackRRect = RRect.fromRectAndRadius(trackRect, Radius.circular(CupertinoSwitchUtils._kTrackRadius)); canvas.drawRRect(trackRRect, paint); float currentThumbExtension = CupertinoSwitchUtils._kExtension * currentReactionValue; float thumbLeft = MathUtils.lerpNullableFloat( trackRect.left + CupertinoSwitchUtils._kTrackInnerStart - CupertinoSwitchUtils._kRadius, trackRect.left + CupertinoSwitchUtils._kTrackInnerEnd - CupertinoSwitchUtils._kRadius - currentThumbExtension, visualPosition ); float thumbRight = MathUtils.lerpNullableFloat( trackRect.left + CupertinoSwitchUtils._kTrackInnerStart + CupertinoSwitchUtils._kRadius + currentThumbExtension, trackRect.left + CupertinoSwitchUtils._kTrackInnerEnd + CupertinoSwitchUtils._kRadius, visualPosition ); float thumbCenterY = offset.dy + size.height / 2.0f; Rect thumbBounds = Rect.fromLTRB( thumbLeft, thumbCenterY - CupertinoSwitchUtils._kRadius, thumbRight, thumbCenterY + CupertinoSwitchUtils._kRadius ); context.pushClipRRect(needsCompositing, Offset.zero, thumbBounds, trackRRect, (PaintingContext innerContext, Offset offset1) => { CupertinoThumbPainter.switchThumb().paint(innerContext.canvas, thumbBounds); }); } public override void debugFillProperties(DiagnosticPropertiesBuilder description) { base.debugFillProperties(description); description.add( new FlagProperty("value", value: value, ifTrue: "checked", ifFalse: "unchecked", showName: true)); description.add(new FlagProperty("isInteractive", value: isInteractive, ifTrue: "enabled", ifFalse: "disabled", showName: true, defaultValue: true)); } } }