using System; using System.Collections.Generic; using uiwidgets; using Unity.UIWidgets.animation; using Unity.UIWidgets.foundation; using Unity.UIWidgets.material; 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 CheckboxUtils { public const float _kEdgeSize = Checkbox.width; public static readonly Radius _kEdgeRadius = Radius.circular(1.0f); public const float _kStrokeWidth = 2.0f; public static Color checkColor = Colors.blue; public static float kRadialReactionRadius = 12f; } public class Checkbox : StatefulWidget { public Checkbox( Key key = null, bool? value = false, bool tristate = false, ValueChanged onChanged = null, Color activeColor = null, Color checkColor = null, Color focusColor = null, Color hoverColor = null, MaterialTapTargetSize? materialTapTargetSize = null, VisualDensity visualDensity = null, FocusNode focusNode = null, bool autofocus = false ) : base(key: key) { D.assert(tristate || value != null); this.value = value; this.onChanged = onChanged; this.activeColor = activeColor; this.checkColor = checkColor; this.focusColor = focusColor; this.hoverColor = hoverColor; this.tristate = tristate; this.materialTapTargetSize = materialTapTargetSize; this.visualDensity = visualDensity; this.focusNode = focusNode; this.autofocus = autofocus; } public readonly bool? value; public readonly ValueChanged onChanged; public readonly Color activeColor; public readonly Color checkColor; public readonly bool tristate; public readonly MaterialTapTargetSize? materialTapTargetSize; public readonly VisualDensity visualDensity; public readonly Color focusColor; public readonly Color hoverColor; public readonly FocusNode focusNode; public readonly bool autofocus; public const float width = 10.0f; public override State createState() { return new _CheckboxState(); } } class _CheckboxState : TickerProviderStateMixin { bool enabled { get { return widget.onChanged != null; } } Dictionary _actionMap; public override void initState() { base.initState(); _actionMap = new Dictionary { {ActivateAction.key, _createAction} }; } void _actionHandler(FocusNode node, Intent intent) { if (widget.onChanged != null) { switch (widget.value) { case false: widget.onChanged(true); break; case true: widget.onChanged(widget.tristate); break; default: // case null: widget.onChanged(false); break; } } RenderObject renderObject = node.context.findRenderObject(); // renderObject.sendSemanticsEvent(const TapSemanticEvent()); } UiWidgetAction _createAction() { return new CallbackAction( ActivateAction.key, onInvoke: _actionHandler ); } bool _focused = false; void _handleFocusHighlightChanged(bool focused) { if (focused != _focused) { setState(() => { _focused = focused; }); } } bool _hovering = false; void _handleHoverChanged(bool hovering) { if (hovering != _hovering) { setState(() => { _hovering = hovering; }); } } public override Widget build(BuildContext context) { Size size; switch (widget.materialTapTargetSize ?? MaterialTapTargetSize.padded) { case MaterialTapTargetSize.padded: size = new Size(2 * CheckboxUtils.kRadialReactionRadius, 2 * CheckboxUtils.kRadialReactionRadius); break; case MaterialTapTargetSize.shrinkWrap: size = new Size(2 * CheckboxUtils.kRadialReactionRadius, 2 * CheckboxUtils.kRadialReactionRadius); break; default: throw new Exception("Unknown target size: " + widget.materialTapTargetSize); } size += (widget.visualDensity ?? VisualDensity.standard).baseSizeAdjustment; BoxConstraints additionalConstraints = BoxConstraints.tight(size); return new FocusableActionDetector( actions: _actionMap, focusNode: widget.focusNode, autofocus: widget.autofocus, enabled: enabled, onShowFocusHighlight: _handleFocusHighlightChanged, onShowHoverHighlight: _handleHoverChanged, child: new Builder( builder: (BuildContext _context) => { return new _CheckboxRenderObjectWidget( value: widget.value, tristate: widget.tristate, activeColor: widget.activeColor ?? CheckboxUtils.checkColor, checkColor: widget.checkColor ?? new Color(0xFFFFFFFF), inactiveColor: enabled ? CheckboxUtils.checkColor : Colors.grey, focusColor: widget.focusColor ?? CheckboxUtils.checkColor, hoverColor: widget.hoverColor ?? CheckboxUtils.checkColor, onChanged: widget.onChanged, additionalConstraints: additionalConstraints, vsync: this, hasFocus: _focused, hovering: _hovering ); } ) ); } } class _CheckboxRenderObjectWidget : LeafRenderObjectWidget { public _CheckboxRenderObjectWidget( Key key = null, bool? value = null, bool tristate = false, Color activeColor = null, Color checkColor = null, Color inactiveColor = null, Color focusColor = null, Color hoverColor = null, ValueChanged onChanged = null, TickerProvider vsync = null, BoxConstraints additionalConstraints = null, bool? hasFocus = null, bool? hovering = null ) : base(key: key) { D.assert(tristate || value != null); D.assert(activeColor != null); D.assert(inactiveColor != null); D.assert(vsync != null); this.value = value; this.tristate = tristate; this.activeColor = activeColor; this.checkColor = checkColor; this.inactiveColor = inactiveColor; this.focusColor = focusColor; this.hoverColor = hoverColor; this.onChanged = onChanged; this.vsync = vsync; this.additionalConstraints = additionalConstraints; this.hasFocus = hasFocus; this.hovering = hovering; } public readonly bool? value; public readonly bool tristate; public readonly bool? hasFocus; public readonly bool? hovering; public readonly Color activeColor; public readonly Color checkColor; public readonly Color inactiveColor; public readonly Color focusColor; public readonly Color hoverColor; public readonly ValueChanged onChanged; public readonly TickerProvider vsync; public readonly BoxConstraints additionalConstraints; public override RenderObject createRenderObject(BuildContext context) { return new _RenderCheckbox( value: value, tristate: tristate, activeColor: activeColor, checkColor: checkColor, inactiveColor: inactiveColor, focusColor: focusColor, hoverColor: hoverColor, onChanged: onChanged, vsync: vsync, additionalConstraints: additionalConstraints, hasFocus: hasFocus, hovering: hovering ); } public override void updateRenderObject(BuildContext context, RenderObject _renderObject) { _RenderCheckbox renderObject = _renderObject as _RenderCheckbox; renderObject.value = value; renderObject.tristate = tristate; renderObject.activeColor = activeColor; renderObject.checkColor = checkColor; renderObject.focusColor = focusColor; renderObject.hoverColor = hoverColor; renderObject.inactiveColor = inactiveColor; renderObject.onChanged = onChanged; renderObject.additionalConstraints = additionalConstraints; renderObject.vsync = vsync; renderObject.hasFocus = hasFocus ?? false; renderObject.hovering = hovering ?? false; } } class _RenderCheckbox : RenderToggleable { public _RenderCheckbox( bool? value = null, bool tristate = false, Color activeColor = null, Color checkColor = null, Color inactiveColor = null, Color focusColor = null, Color hoverColor = null, BoxConstraints additionalConstraints = null, ValueChanged onChanged = null, TickerProvider vsync = null, bool? hasFocus = null, bool? hovering = null ) : base( value: value, tristate: tristate, activeColor: activeColor, inactiveColor: inactiveColor, focusColor: focusColor, hoverColor: hoverColor, onChanged: onChanged, additionalConstraints: additionalConstraints, vsync: vsync, hasFocus: hasFocus ?? false, hovering: hovering ?? false ) { _oldValue = value; this.checkColor = checkColor; } bool? _oldValue; public Color checkColor; public override bool? value { set { if (value == this.value) { return; } _oldValue = this.value; base.value = value; } } RRect _outerRectAt(Offset origin, float t) { float inset = 1.0f - (t - 0.5f).abs() * 2.0f; float size = CheckboxUtils._kEdgeSize - inset * CheckboxUtils._kStrokeWidth; Rect rect = Rect.fromLTWH(origin.dx + inset, origin.dy + inset, size, size); return RRect.fromRectAndRadius(rect, CheckboxUtils._kEdgeRadius); } Color _colorAt(float t) { return onChanged == null ? inactiveColor : (t >= 0.25f ? activeColor : Color.lerp(inactiveColor, activeColor, t * 4.0f)); } Paint _createStrokePaint() { var paint = new Paint(); paint.color = checkColor; paint.style = PaintingStyle.stroke; paint.strokeWidth = CheckboxUtils._kStrokeWidth; return paint; } void _drawBorder(Canvas canvas, RRect outer, float t, Paint paint) { D.assert(t >= 0.0f && t <= 0.5f); float size = outer.width; RRect inner = outer.deflate(Mathf.Min(size / 2.0f, CheckboxUtils._kStrokeWidth + size * t)); canvas.drawDRRect(outer, inner, paint); } void _drawCheck(Canvas canvas, Offset origin, float t, Paint paint) { D.assert(t >= 0.0f && t <= 1.0f); Path path = new Path(); Offset start = new Offset(CheckboxUtils._kEdgeSize * 0.15f, CheckboxUtils._kEdgeSize * 0.45f); Offset mid = new Offset(CheckboxUtils._kEdgeSize * 0.4f, CheckboxUtils._kEdgeSize * 0.7f); Offset end = new Offset(CheckboxUtils._kEdgeSize * 0.85f, CheckboxUtils._kEdgeSize * 0.25f); if (t < 0.5f) { float strokeT = t * 2.0f; Offset drawMid = Offset.lerp(start, mid, strokeT); path.moveTo(origin.dx + start.dx, origin.dy + start.dy); path.lineTo(origin.dx + drawMid.dx, origin.dy + drawMid.dy); } else { float strokeT = (t - 0.5f) * 2.0f; Offset drawEnd = Offset.lerp(mid, end, strokeT); path.moveTo(origin.dx + start.dx, origin.dy + start.dy); path.lineTo(origin.dx + mid.dx, origin.dy + mid.dy); path.lineTo(origin.dx + drawEnd.dx, origin.dy + drawEnd.dy); } canvas.drawPath(path, paint); } void _drawDash(Canvas canvas, Offset origin, float t, Paint paint) { D.assert(t >= 0.0f && t <= 1.0f); Offset start = new Offset(CheckboxUtils._kEdgeSize * 0.2f, CheckboxUtils._kEdgeSize * 0.5f); Offset mid = new Offset(CheckboxUtils._kEdgeSize * 0.5f, CheckboxUtils._kEdgeSize * 0.5f); Offset end = new Offset(CheckboxUtils._kEdgeSize * 0.8f, CheckboxUtils._kEdgeSize * 0.5f); Offset drawStart = Offset.lerp(start, mid, 1.0f - t); Offset drawEnd = Offset.lerp(mid, end, t); canvas.drawLine(origin + drawStart, origin + drawEnd, paint); } public override void paint(PaintingContext context, Offset offset) { Canvas canvas = context.canvas; paintRadialReaction(canvas, offset, size.center(Offset.zero)); Paint strokePaint = _createStrokePaint(); Offset origin = offset + (size / 2.0f - Size.square(CheckboxUtils._kEdgeSize) / 2.0f); AnimationStatus status = position.status; float tNormalized = status == AnimationStatus.forward || status == AnimationStatus.completed ? position.value : 1.0f - position.value; if (_oldValue == false || value == false) { float t = value == false ? 1.0f - tNormalized : tNormalized; RRect outer = _outerRectAt(origin, t); Paint paint = new Paint(); paint.color = _colorAt(t); if (t <= 0.5f) { _drawBorder(canvas, outer, t, paint); } else { canvas.drawRRect(outer, paint); float tShrink = (t - 0.5f) * 2.0f; if (_oldValue == null || value == null) { _drawDash(canvas, origin, tShrink, strokePaint); } else { _drawCheck(canvas, origin, tShrink, strokePaint); } } } else { // Two cases: null to true, true to null RRect outer = _outerRectAt(origin, 1.0f); Paint paint = new Paint(); paint.color = _colorAt(1.0f); canvas.drawRRect(outer, paint); if (tNormalized <= 0.5f) { float tShrink = 1.0f - tNormalized * 2.0f; if (_oldValue == true) { _drawCheck(canvas, origin, tShrink, strokePaint); } else { _drawDash(canvas, origin, tShrink, strokePaint); } } else { float tExpand = (tNormalized - 0.5f) * 2.0f; if (value == true) { _drawCheck(canvas, origin, tExpand, strokePaint); } else { _drawDash(canvas, origin, tExpand, strokePaint); } } } } } }