您最多选择25个主题
主题必须以中文或者字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
1003 行
36 KiB
1003 行
36 KiB
using System;
|
|
using System.Collections.Generic;
|
|
using uiwidgets;
|
|
using Unity.UIWidgets.animation;
|
|
using Unity.UIWidgets.async;
|
|
using Unity.UIWidgets.async;
|
|
using Unity.UIWidgets.foundation;
|
|
using Unity.UIWidgets.gestures;
|
|
using Unity.UIWidgets.material;
|
|
using Unity.UIWidgets.painting;
|
|
using Unity.UIWidgets.rendering;
|
|
using Unity.UIWidgets.scheduler;
|
|
using Unity.UIWidgets.ui;
|
|
using Unity.UIWidgets.widgets;
|
|
using UnityEngine;
|
|
using Color = Unity.UIWidgets.ui.Color;
|
|
using Rect = Unity.UIWidgets.ui.Rect;
|
|
|
|
namespace UIWidgetsSample.RaycastableScene
|
|
{
|
|
public class Slider : StatefulWidget
|
|
{
|
|
public Slider(
|
|
Key key = null,
|
|
float? value = null,
|
|
ValueChanged<float> onChanged = null,
|
|
ValueChanged<float> onChangeStart = null,
|
|
ValueChanged<float> onChangeEnd = null,
|
|
float min = 0.0f,
|
|
float max = 1.0f,
|
|
int? divisions = null,
|
|
string label = null,
|
|
Color activeColor = null,
|
|
Color inactiveColor = null,
|
|
Color thumbColor = null,
|
|
_SliderType _sliderType = _SliderType.material
|
|
) : base(key: key)
|
|
{
|
|
D.assert(value != null);
|
|
D.assert(min <= max);
|
|
D.assert(value >= min && value <= max);
|
|
D.assert(divisions == null || divisions > 0);
|
|
this.value = value.Value;
|
|
this.onChanged = onChanged;
|
|
this.onChangeStart = onChangeStart;
|
|
this.onChangeEnd = onChangeEnd;
|
|
this.min = min;
|
|
this.max = max;
|
|
this.divisions = divisions;
|
|
this.label = label;
|
|
this.activeColor = activeColor;
|
|
this.inactiveColor = inactiveColor;
|
|
this._sliderType = _sliderType;
|
|
}
|
|
|
|
public static Slider adaptive(
|
|
Key key = null,
|
|
float? value = null,
|
|
ValueChanged<float> onChanged = null,
|
|
ValueChanged<float> onChangeStart = null,
|
|
ValueChanged<float> onChangeEnd = null,
|
|
float min = 0.0f,
|
|
float max = 1.0f,
|
|
int? divisions = null,
|
|
string label = null,
|
|
Color activeColor = null,
|
|
Color inactiveColor = null
|
|
)
|
|
{
|
|
return new Slider(
|
|
key: key,
|
|
value: value,
|
|
onChanged: onChanged,
|
|
onChangeStart: onChangeStart,
|
|
onChangeEnd: onChangeEnd,
|
|
min: min,
|
|
max: max,
|
|
divisions: divisions,
|
|
label: label,
|
|
activeColor: activeColor,
|
|
inactiveColor: inactiveColor,
|
|
_sliderType: _SliderType.adaptive
|
|
);
|
|
}
|
|
|
|
public readonly float value;
|
|
|
|
public readonly ValueChanged<float> onChanged;
|
|
|
|
public readonly ValueChanged<float> onChangeStart;
|
|
|
|
public readonly ValueChanged<float> onChangeEnd;
|
|
|
|
public readonly float min;
|
|
|
|
public readonly float max;
|
|
|
|
public readonly int? divisions;
|
|
|
|
public readonly string label;
|
|
|
|
public readonly Color activeColor;
|
|
|
|
public readonly Color inactiveColor;
|
|
|
|
public readonly _SliderType _sliderType;
|
|
|
|
public override State createState()
|
|
{
|
|
return new _SliderState();
|
|
}
|
|
|
|
|
|
public override void debugFillProperties(DiagnosticPropertiesBuilder properties)
|
|
{
|
|
base.debugFillProperties(properties);
|
|
properties.add(new FloatProperty("value", value));
|
|
properties.add(new ObjectFlagProperty<ValueChanged<float>>("onChanged", onChanged, ifNull: "disabled"));
|
|
properties.add(ObjectFlagProperty<ValueChanged<float>>.has("onChangeStart", onChangeStart));
|
|
properties.add(ObjectFlagProperty<ValueChanged<float>>.has("onChangeEnd", onChangeEnd));
|
|
properties.add(new FloatProperty("min", min));
|
|
properties.add(new FloatProperty("max", max));
|
|
properties.add(new IntProperty("divisions", divisions));
|
|
properties.add(new StringProperty("label", label));
|
|
properties.add(new ColorProperty("activeColor", activeColor));
|
|
properties.add(new ColorProperty("inactiveColor", inactiveColor));
|
|
}
|
|
}
|
|
|
|
class _CustomRoundedRectSliderTrackShape : RoundedRectSliderTrackShape
|
|
{
|
|
public _CustomRoundedRectSliderTrackShape() {
|
|
}
|
|
|
|
public override Rect getPreferredRect(
|
|
RenderBox parentBox = null,
|
|
Offset offset = null,
|
|
SliderThemeData sliderTheme = null,
|
|
bool isEnabled = false,
|
|
bool isDiscrete = false) {
|
|
offset = offset ?? Offset.zero;
|
|
|
|
D.assert(parentBox != null);
|
|
D.assert(sliderTheme != null);
|
|
float thumbWidth = sliderTheme.thumbShape.getPreferredSize(isEnabled, isDiscrete).width;
|
|
float overlayWidth = sliderTheme.overlayShape.getPreferredSize(isEnabled, isDiscrete).width;
|
|
float trackHeight = sliderTheme.trackHeight.Value;
|
|
D.assert(overlayWidth >= 0);
|
|
D.assert(trackHeight >= 0);
|
|
D.assert(parentBox.size.width >= overlayWidth);
|
|
D.assert(parentBox.size.height >= trackHeight);
|
|
|
|
float trackLeft = offset.dx + overlayWidth / 2;
|
|
float trackTop = offset.dy + (parentBox.size.height - trackHeight) / 2;
|
|
float trackWidth = 50f;
|
|
return Rect.fromLTWH(trackLeft, trackTop, trackWidth, trackHeight);
|
|
}
|
|
}
|
|
|
|
|
|
class _SliderState : TickerProviderStateMixin<Slider>
|
|
{
|
|
static TimeSpan enableAnimationDuration = new TimeSpan(0, 0, 0, 0, 75);
|
|
static TimeSpan valueIndicatorAnimationDuration = new TimeSpan(0, 0, 0, 0, 100);
|
|
|
|
public AnimationController overlayController;
|
|
public AnimationController valueIndicatorController;
|
|
public AnimationController enableController;
|
|
public AnimationController positionController;
|
|
public Timer interactionTimer;
|
|
|
|
public override void initState()
|
|
{
|
|
base.initState();
|
|
overlayController = new AnimationController(
|
|
duration: material_.kRadialReactionDuration,
|
|
vsync: this
|
|
);
|
|
valueIndicatorController = new AnimationController(
|
|
duration: valueIndicatorAnimationDuration,
|
|
vsync: this
|
|
);
|
|
enableController = new AnimationController(
|
|
duration: enableAnimationDuration,
|
|
vsync: this
|
|
);
|
|
positionController = new AnimationController(
|
|
duration: TimeSpan.Zero,
|
|
vsync: this
|
|
);
|
|
enableController.setValue(widget.onChanged != null ? 1.0f : 0.0f);
|
|
positionController.setValue(_unlerp(widget.value));
|
|
}
|
|
|
|
public override void dispose()
|
|
{
|
|
interactionTimer?.cancel();
|
|
overlayController.dispose();
|
|
valueIndicatorController.dispose();
|
|
enableController.dispose();
|
|
positionController.dispose();
|
|
base.dispose();
|
|
}
|
|
|
|
void _handleChanged(float value)
|
|
{
|
|
D.assert(widget.onChanged != null);
|
|
float lerpValue = _lerp(value);
|
|
if (lerpValue != widget.value)
|
|
{
|
|
widget.onChanged(lerpValue);
|
|
}
|
|
}
|
|
|
|
void _handleDragStart(float value)
|
|
{
|
|
D.assert(widget.onChangeStart != null);
|
|
widget.onChangeStart(_lerp(value));
|
|
}
|
|
|
|
void _handleDragEnd(float value)
|
|
{
|
|
D.assert(widget.onChangeEnd != null);
|
|
widget.onChangeEnd(_lerp(value));
|
|
}
|
|
|
|
float _lerp(float value)
|
|
{
|
|
D.assert(value >= 0.0f);
|
|
D.assert(value <= 1.0f);
|
|
return value * (widget.max - widget.min) + widget.min;
|
|
}
|
|
|
|
float _unlerp(float value)
|
|
{
|
|
D.assert(value <= widget.max);
|
|
D.assert(value >= widget.min);
|
|
return widget.max > widget.min
|
|
? (value - widget.min) / (widget.max - widget.min)
|
|
: 0.0f;
|
|
}
|
|
|
|
const float _defaultTrackHeight = 1f;
|
|
static readonly SliderTrackShape _defaultTrackShape = new _CustomRoundedRectSliderTrackShape();
|
|
static readonly SliderTickMarkShape _defaultTickMarkShape = new RoundSliderTickMarkShape(tickMarkRadius: 0.5f);
|
|
static readonly SliderComponentShape _defaultOverlayShape = new RoundSliderOverlayShape(overlayRadius: 8f);
|
|
static readonly SliderComponentShape _defaultThumbShape = new RoundSliderThumbShape(enabledThumbRadius: 5f);
|
|
static readonly SliderComponentShape _defaultValueIndicatorShape = new PaddleSliderValueIndicatorShape();
|
|
static readonly ShowValueIndicator _defaultShowValueIndicator = ShowValueIndicator.onlyForDiscrete;
|
|
|
|
public override Widget build(BuildContext context)
|
|
{
|
|
D.assert(material_.debugCheckHasMaterial(context));
|
|
D.assert(WidgetsD.debugCheckHasMediaQuery(context));
|
|
|
|
switch (widget._sliderType)
|
|
{
|
|
case _SliderType.material:
|
|
return _buildMaterialSlider(context);
|
|
|
|
case _SliderType.adaptive:
|
|
{
|
|
ThemeData theme = Theme.of(context);
|
|
return _buildMaterialSlider(context);
|
|
}
|
|
}
|
|
|
|
D.assert(false);
|
|
return null;
|
|
}
|
|
|
|
Widget _buildMaterialSlider(BuildContext context)
|
|
{
|
|
ThemeData theme = Theme.of(context);
|
|
SliderThemeData sliderTheme = SliderTheme.of(context);
|
|
|
|
sliderTheme = sliderTheme.copyWith(
|
|
trackHeight: _defaultTrackHeight,
|
|
activeTrackColor: widget.activeColor ?? sliderTheme.activeTrackColor ?? theme.colorScheme.primary,
|
|
inactiveTrackColor: widget.inactiveColor ??
|
|
sliderTheme.inactiveTrackColor ?? theme.colorScheme.primary.withOpacity(0.24f),
|
|
disabledActiveTrackColor: sliderTheme.disabledActiveTrackColor ??
|
|
theme.colorScheme.onSurface.withOpacity(0.32f),
|
|
disabledInactiveTrackColor: sliderTheme.disabledInactiveTrackColor ??
|
|
theme.colorScheme.onSurface.withOpacity(0.12f),
|
|
activeTickMarkColor: widget.inactiveColor ??
|
|
sliderTheme.activeTickMarkColor ?? theme.colorScheme.onPrimary.withOpacity(0.54f),
|
|
inactiveTickMarkColor: widget.activeColor ??
|
|
sliderTheme.inactiveTickMarkColor ??
|
|
theme.colorScheme.primary.withOpacity(0.54f),
|
|
disabledActiveTickMarkColor: sliderTheme.disabledActiveTickMarkColor ??
|
|
theme.colorScheme.onPrimary.withOpacity(0.12f),
|
|
disabledInactiveTickMarkColor: sliderTheme.disabledInactiveTickMarkColor ??
|
|
theme.colorScheme.onSurface.withOpacity(0.12f),
|
|
thumbColor: widget.activeColor ?? sliderTheme.thumbColor ?? theme.colorScheme.primary,
|
|
disabledThumbColor: sliderTheme.disabledThumbColor ?? theme.colorScheme.onSurface.withOpacity(0.38f),
|
|
overlayColor: widget.activeColor?.withOpacity(0.12f) ??
|
|
sliderTheme.overlayColor ?? theme.colorScheme.primary.withOpacity(0.12f),
|
|
valueIndicatorColor: widget.activeColor ?? sliderTheme.valueIndicatorColor ?? theme.colorScheme.primary,
|
|
trackShape: _defaultTrackShape,
|
|
tickMarkShape: sliderTheme.tickMarkShape ?? _defaultTickMarkShape,
|
|
thumbShape: _defaultThumbShape,
|
|
overlayShape: _defaultOverlayShape,
|
|
valueIndicatorShape: sliderTheme.valueIndicatorShape ?? _defaultValueIndicatorShape,
|
|
showValueIndicator: sliderTheme.showValueIndicator ?? _defaultShowValueIndicator,
|
|
valueIndicatorTextStyle: sliderTheme.valueIndicatorTextStyle ?? theme.textTheme.bodyText1.copyWith(
|
|
color: theme.colorScheme.onPrimary
|
|
)
|
|
);
|
|
|
|
return new _SliderRenderObjectWidget(
|
|
value: _unlerp(widget.value),
|
|
divisions: widget.divisions,
|
|
label: widget.label,
|
|
sliderTheme: sliderTheme,
|
|
mediaQueryData: MediaQuery.of(context),
|
|
onChanged: (widget.onChanged != null) && (widget.max > widget.min)
|
|
? _handleChanged
|
|
: (ValueChanged<float>) null,
|
|
onChangeStart: widget.onChangeStart != null ? _handleDragStart : (ValueChanged<float>) null,
|
|
onChangeEnd: widget.onChangeEnd != null ? _handleDragEnd : (ValueChanged<float>) null,
|
|
state: this
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SliderRenderObjectWidget : LeafRenderObjectWidget {
|
|
public _SliderRenderObjectWidget(
|
|
Key key = null,
|
|
float? value = null,
|
|
int? divisions = null,
|
|
string label = null,
|
|
SliderThemeData sliderTheme = null,
|
|
MediaQueryData mediaQueryData = null,
|
|
ValueChanged<float> onChanged = null,
|
|
ValueChanged<float> onChangeStart = null,
|
|
ValueChanged<float> onChangeEnd = null,
|
|
_SliderState state = null
|
|
) : base(key: key) {
|
|
this.value = value.Value;
|
|
this.divisions = divisions;
|
|
this.label = label;
|
|
this.sliderTheme = sliderTheme;
|
|
this.mediaQueryData = mediaQueryData;
|
|
this.onChanged = onChanged;
|
|
this.onChangeStart = onChangeStart;
|
|
this.onChangeEnd = onChangeEnd;
|
|
this.state = state;
|
|
}
|
|
|
|
|
|
public readonly float value;
|
|
public readonly int? divisions;
|
|
public readonly string label;
|
|
public readonly SliderThemeData sliderTheme;
|
|
public readonly MediaQueryData mediaQueryData;
|
|
public readonly ValueChanged<float> onChanged;
|
|
public readonly ValueChanged<float> onChangeStart;
|
|
public readonly ValueChanged<float> onChangeEnd;
|
|
public readonly _SliderState state;
|
|
|
|
public override RenderObject createRenderObject(BuildContext context) {
|
|
return new _RenderSlider(
|
|
value: value,
|
|
divisions: divisions,
|
|
label: label,
|
|
sliderTheme: sliderTheme,
|
|
mediaQueryData: mediaQueryData,
|
|
onChanged: onChanged,
|
|
onChangeStart: onChangeStart,
|
|
onChangeEnd: onChangeEnd,
|
|
state: state,
|
|
textDirection: Directionality.of(context),
|
|
platform: Theme.of(context).platform
|
|
);
|
|
}
|
|
|
|
|
|
public override void updateRenderObject(BuildContext context, RenderObject renderObject) {
|
|
_RenderSlider _renderObject = (_RenderSlider) renderObject;
|
|
_renderObject.value = value;
|
|
_renderObject.divisions = divisions;
|
|
_renderObject.label = label;
|
|
_renderObject.sliderTheme = sliderTheme;
|
|
_renderObject.theme = Theme.of(context);
|
|
_renderObject.mediaQueryData = mediaQueryData;
|
|
_renderObject.onChanged = onChanged;
|
|
_renderObject.onChangeStart = onChangeStart;
|
|
_renderObject.onChangeEnd = onChangeEnd;
|
|
_renderObject.textDirection = Directionality.of(context);
|
|
_renderObject.platform = Theme.of(context).platform;
|
|
}
|
|
}
|
|
|
|
class _RenderSlider : RelayoutWhenSystemFontsChangeMixinRenderBox {
|
|
static float _positionAnimationDurationMilliSeconds = 75;
|
|
static float _minimumInteractionTimeMilliSeconds = 500;
|
|
|
|
const float _minPreferredTrackWidth = 144.0f;
|
|
|
|
public _RenderSlider(
|
|
float? value = null,
|
|
int? divisions = null,
|
|
string label = null,
|
|
SliderThemeData sliderTheme = null,
|
|
MediaQueryData mediaQueryData = null,
|
|
RuntimePlatform? platform = null,
|
|
ValueChanged<float> onChanged = null,
|
|
ValueChanged<float> onChangeStart = null,
|
|
ValueChanged<float> onChangeEnd = null,
|
|
_SliderState state = null,
|
|
TextDirection? textDirection = null
|
|
) {
|
|
D.assert(value != null && value >= 0.0 && value <= 1.0);
|
|
D.assert(state != null);
|
|
D.assert(textDirection != null);
|
|
|
|
this.onChangeStart = onChangeStart;
|
|
this.onChangeEnd = onChangeEnd;
|
|
_platform = platform;
|
|
_label = label;
|
|
_value = value.Value;
|
|
_divisions = divisions;
|
|
_sliderTheme = sliderTheme;
|
|
_mediaQueryData = mediaQueryData;
|
|
_onChanged = onChanged;
|
|
_state = state;
|
|
_textDirection = textDirection.Value;
|
|
|
|
_updateLabelPainter();
|
|
GestureArenaTeam team = new GestureArenaTeam();
|
|
_drag = new HorizontalDragGestureRecognizer {
|
|
team = team,
|
|
onStart = _handleDragStart,
|
|
onUpdate = _handleDragUpdate,
|
|
onEnd = _handleDragEnd,
|
|
onCancel = _endInteraction
|
|
};
|
|
|
|
_tap = new TapGestureRecognizer {
|
|
team = team,
|
|
onTapDown = _handleTapDown,
|
|
onTapUp = _handleTapUp,
|
|
onTapCancel = _endInteraction
|
|
};
|
|
|
|
_overlayAnimation = new CurvedAnimation(
|
|
parent: _state.overlayController,
|
|
curve: Curves.fastOutSlowIn);
|
|
|
|
_valueIndicatorAnimation = new CurvedAnimation(
|
|
parent: _state.valueIndicatorController,
|
|
curve: Curves.fastOutSlowIn);
|
|
|
|
_enableAnimation = new CurvedAnimation(
|
|
parent: _state.enableController,
|
|
curve: Curves.easeInOut);
|
|
}
|
|
|
|
float _maxSliderPartWidth {
|
|
get {
|
|
float maxValue = 0;
|
|
foreach (Size size in _sliderPartSizes) {
|
|
if (size.width > maxValue) {
|
|
maxValue = size.width;
|
|
}
|
|
}
|
|
|
|
return maxValue;
|
|
}
|
|
}
|
|
|
|
float _maxSliderPartHeight {
|
|
get {
|
|
float maxValue = 0;
|
|
foreach (Size size in _sliderPartSizes) {
|
|
if (size.width > maxValue) {
|
|
maxValue = size.height;
|
|
}
|
|
}
|
|
|
|
return maxValue;
|
|
}
|
|
}
|
|
|
|
List<Size> _sliderPartSizes {
|
|
get {
|
|
return new List<Size> {
|
|
_sliderTheme.overlayShape.getPreferredSize(isInteractive, isDiscrete),
|
|
_sliderTheme.thumbShape.getPreferredSize(isInteractive, isDiscrete),
|
|
_sliderTheme.tickMarkShape.getPreferredSize(isEnabled: isInteractive,
|
|
sliderTheme: sliderTheme)
|
|
};
|
|
}
|
|
}
|
|
|
|
float _minPreferredTrackHeight {
|
|
get { return _sliderTheme.trackHeight.Value; }
|
|
}
|
|
|
|
_SliderState _state;
|
|
Animation<float> _overlayAnimation;
|
|
Animation<float> _valueIndicatorAnimation;
|
|
Animation<float> _enableAnimation;
|
|
TextPainter _labelPainter = new TextPainter();
|
|
HorizontalDragGestureRecognizer _drag;
|
|
TapGestureRecognizer _tap;
|
|
bool _active = false;
|
|
float _currentDragValue = 0.0f;
|
|
|
|
Rect _trackRect {
|
|
get {
|
|
return _sliderTheme.trackShape.getPreferredRect(
|
|
parentBox: this,
|
|
offset: Offset.zero,
|
|
sliderTheme: _sliderTheme,
|
|
isDiscrete: false
|
|
);
|
|
}
|
|
}
|
|
|
|
bool isInteractive {
|
|
get { return onChanged != null; }
|
|
}
|
|
|
|
bool isDiscrete {
|
|
get { return divisions != null && divisions.Value > 0; }
|
|
}
|
|
|
|
public float value {
|
|
get { return _value; }
|
|
set {
|
|
D.assert(value >= 0.0f && value <= 1.0f);
|
|
float convertedValue = isDiscrete ? _discretize(value) : value;
|
|
if (convertedValue == _value) {
|
|
return;
|
|
}
|
|
|
|
_value = convertedValue;
|
|
if (isDiscrete) {
|
|
float distance = (_value - _state.positionController.value).abs();
|
|
_state.positionController.duration = distance != 0.0f
|
|
? new TimeSpan(0, 0, 0, 0, (int) (_positionAnimationDurationMilliSeconds * (1.0f / distance)))
|
|
: TimeSpan.Zero;
|
|
_state.positionController.animateTo(convertedValue, curve: Curves.easeInOut);
|
|
}
|
|
else {
|
|
_state.positionController.setValue(convertedValue);
|
|
}
|
|
}
|
|
}
|
|
|
|
float _value;
|
|
|
|
public RuntimePlatform? platform {
|
|
get { return _platform; }
|
|
set {
|
|
if (_platform == value) {
|
|
return;
|
|
}
|
|
|
|
_platform = value;
|
|
}
|
|
}
|
|
|
|
RuntimePlatform? _platform;
|
|
|
|
public int? divisions {
|
|
get { return _divisions; }
|
|
set {
|
|
if (value == _divisions) {
|
|
return;
|
|
}
|
|
|
|
_divisions = value;
|
|
markNeedsPaint();
|
|
}
|
|
}
|
|
|
|
int? _divisions;
|
|
|
|
public string label {
|
|
get { return _label; }
|
|
set {
|
|
if (value == _label) {
|
|
return;
|
|
}
|
|
|
|
_label = value;
|
|
_updateLabelPainter();
|
|
}
|
|
}
|
|
|
|
string _label;
|
|
|
|
public SliderThemeData sliderTheme {
|
|
get { return _sliderTheme; }
|
|
set {
|
|
if (value == _sliderTheme) {
|
|
return;
|
|
}
|
|
|
|
_sliderTheme = value;
|
|
markNeedsPaint();
|
|
}
|
|
}
|
|
|
|
SliderThemeData _sliderTheme;
|
|
|
|
public ThemeData theme {
|
|
get { return _theme; }
|
|
set {
|
|
if (value == _theme) {
|
|
return;
|
|
}
|
|
|
|
_theme = value;
|
|
markNeedsPaint();
|
|
}
|
|
}
|
|
|
|
ThemeData _theme;
|
|
|
|
public MediaQueryData mediaQueryData {
|
|
get { return _mediaQueryData; }
|
|
set {
|
|
if (value == _mediaQueryData) {
|
|
return;
|
|
}
|
|
|
|
_mediaQueryData = value;
|
|
_updateLabelPainter();
|
|
}
|
|
}
|
|
|
|
MediaQueryData _mediaQueryData;
|
|
|
|
public ValueChanged<float> onChanged {
|
|
get { return _onChanged; }
|
|
set {
|
|
if (value == _onChanged) {
|
|
return;
|
|
}
|
|
|
|
bool wasInteractive = isInteractive;
|
|
_onChanged = value;
|
|
if (wasInteractive != isInteractive) {
|
|
if (isInteractive) {
|
|
_state.enableController.forward();
|
|
}
|
|
else {
|
|
_state.enableController.reverse();
|
|
}
|
|
|
|
markNeedsPaint();
|
|
}
|
|
}
|
|
}
|
|
|
|
ValueChanged<float> _onChanged;
|
|
|
|
public ValueChanged<float> onChangeStart;
|
|
public ValueChanged<float> onChangeEnd;
|
|
|
|
public TextDirection textDirection {
|
|
get { return _textDirection; }
|
|
set {
|
|
if (value == _textDirection) {
|
|
return;
|
|
}
|
|
_textDirection = value;
|
|
_updateLabelPainter();
|
|
}
|
|
}
|
|
|
|
TextDirection _textDirection;
|
|
|
|
public bool showValueIndicator {
|
|
get {
|
|
bool showValueIndicator = false;
|
|
switch (_sliderTheme.showValueIndicator) {
|
|
case ShowValueIndicator.onlyForDiscrete:
|
|
showValueIndicator = isDiscrete;
|
|
break;
|
|
case ShowValueIndicator.onlyForContinuous:
|
|
showValueIndicator = !isDiscrete;
|
|
break;
|
|
case ShowValueIndicator.always:
|
|
showValueIndicator = true;
|
|
break;
|
|
case ShowValueIndicator.never:
|
|
showValueIndicator = false;
|
|
break;
|
|
}
|
|
|
|
return showValueIndicator;
|
|
}
|
|
}
|
|
|
|
float _adjustmentUnit {
|
|
get {
|
|
switch (_platform) {
|
|
case RuntimePlatform.IPhonePlayer:
|
|
case RuntimePlatform.OSXPlayer:
|
|
case RuntimePlatform.OSXEditor:
|
|
return 0.1f;
|
|
default:
|
|
return 0.05f;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
void _updateLabelPainter() {
|
|
if (label != null) {
|
|
_labelPainter.text = new TextSpan(
|
|
style: _sliderTheme.valueIndicatorTextStyle,
|
|
text: label
|
|
);
|
|
_labelPainter.textDirection = textDirection;
|
|
_labelPainter.textScaleFactor = _mediaQueryData.textScaleFactor;
|
|
_labelPainter.layout();
|
|
}
|
|
else {
|
|
_labelPainter.text = null;
|
|
}
|
|
|
|
markNeedsLayout();
|
|
}
|
|
|
|
public override void systemFontsDidChange() {
|
|
base.systemFontsDidChange();
|
|
_labelPainter.markNeedsLayout();
|
|
_updateLabelPainter();
|
|
}
|
|
|
|
public override void attach(object owner) {
|
|
base.attach(owner);
|
|
_overlayAnimation.addListener(markNeedsPaint);
|
|
_valueIndicatorAnimation.addListener(markNeedsPaint);
|
|
_enableAnimation.addListener(markNeedsPaint);
|
|
_state.positionController.addListener(markNeedsPaint);
|
|
}
|
|
|
|
public override void detach() {
|
|
_overlayAnimation.removeListener(markNeedsPaint);
|
|
_valueIndicatorAnimation.removeListener(markNeedsPaint);
|
|
_enableAnimation.removeListener(markNeedsPaint);
|
|
_state.positionController.removeListener(markNeedsPaint);
|
|
base.detach();
|
|
}
|
|
|
|
float _getValueFromVisualPosition(float visualPosition) {
|
|
switch (textDirection) {
|
|
case TextDirection.rtl:
|
|
return 1.0f - visualPosition;
|
|
case TextDirection.ltr:
|
|
return visualPosition;
|
|
}
|
|
return visualPosition;
|
|
}
|
|
|
|
float _getValueFromGlobalPosition(Offset globalPosition) {
|
|
float visualPosition =
|
|
(globalToLocal(globalPosition).dx - _trackRect.left) / _trackRect.width;
|
|
return _getValueFromVisualPosition(visualPosition);
|
|
}
|
|
|
|
float _discretize(float value) {
|
|
float result = value.clamp(0.0f, 1.0f);
|
|
if (isDiscrete) {
|
|
result = (result * divisions.Value).round() * 1.0f / divisions.Value;
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
void _startInteraction(Offset globalPosition) {
|
|
if (isInteractive) {
|
|
_active = true;
|
|
|
|
if (onChangeStart != null) {
|
|
onChangeStart(_discretize(value));
|
|
}
|
|
|
|
_currentDragValue = _getValueFromGlobalPosition(globalPosition);
|
|
onChanged(_discretize(_currentDragValue));
|
|
_state.overlayController.forward();
|
|
if (showValueIndicator) {
|
|
_state.valueIndicatorController.forward();
|
|
_state.interactionTimer?.cancel();
|
|
_state.interactionTimer = Timer.create(
|
|
new TimeSpan(0, 0, 0, 0,
|
|
(int) (_minimumInteractionTimeMilliSeconds * scheduler_.timeDilation)),
|
|
() => {
|
|
_state.interactionTimer = null;
|
|
if (!_active &&
|
|
_state.valueIndicatorController.status == AnimationStatus.completed) {
|
|
_state.valueIndicatorController.reverse();
|
|
}
|
|
}
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
void _endInteraction() {
|
|
if (_active && _state.mounted) {
|
|
if (onChangeEnd != null) {
|
|
onChangeEnd(_discretize(_currentDragValue));
|
|
}
|
|
|
|
_active = false;
|
|
_currentDragValue = 0.0f;
|
|
_state.overlayController.reverse();
|
|
if (showValueIndicator && _state.interactionTimer == null) {
|
|
_state.valueIndicatorController.reverse();
|
|
}
|
|
}
|
|
}
|
|
|
|
void _handleDragStart(DragStartDetails details) {
|
|
_startInteraction(details.globalPosition);
|
|
}
|
|
|
|
void _handleDragUpdate(DragUpdateDetails details) {
|
|
if (isInteractive) {
|
|
float valueDelta = details.primaryDelta.Value / _trackRect.width;
|
|
switch (textDirection) {
|
|
case TextDirection.rtl:
|
|
_currentDragValue -= valueDelta;
|
|
break;
|
|
case TextDirection.ltr:
|
|
_currentDragValue += valueDelta;
|
|
break;
|
|
}
|
|
onChanged(_discretize(_currentDragValue));
|
|
}
|
|
}
|
|
|
|
void _handleDragEnd(DragEndDetails details) {
|
|
_endInteraction();
|
|
}
|
|
|
|
void _handleTapDown(TapDownDetails details) {
|
|
_startInteraction(details.globalPosition);
|
|
}
|
|
|
|
void _handleTapUp(TapUpDetails details) {
|
|
_endInteraction();
|
|
}
|
|
|
|
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) {
|
|
_drag.addPointer((PointerDownEvent) evt);
|
|
_tap.addPointer((PointerDownEvent) evt);
|
|
}
|
|
}
|
|
|
|
|
|
protected override float computeMinIntrinsicWidth(float height) {
|
|
return _minPreferredTrackWidth + _maxSliderPartWidth;
|
|
}
|
|
|
|
protected override float computeMaxIntrinsicWidth(float height) {
|
|
return _minPreferredTrackWidth + _maxSliderPartWidth;
|
|
}
|
|
|
|
protected override float computeMinIntrinsicHeight(float width) {
|
|
return Mathf.Max(_minPreferredTrackHeight, _maxSliderPartHeight);
|
|
}
|
|
|
|
protected override float computeMaxIntrinsicHeight(float width) {
|
|
return Mathf.Max(_minPreferredTrackHeight, _maxSliderPartHeight);
|
|
}
|
|
|
|
protected override bool sizedByParent {
|
|
get { return true; }
|
|
}
|
|
|
|
protected override void performResize() {
|
|
size = new Size(
|
|
constraints.hasBoundedWidth
|
|
? constraints.maxWidth
|
|
: _minPreferredTrackWidth + _maxSliderPartWidth,
|
|
constraints.hasBoundedHeight
|
|
? constraints.maxHeight
|
|
: Mathf.Max(_minPreferredTrackHeight, _maxSliderPartHeight)
|
|
);
|
|
}
|
|
|
|
public override void paint(PaintingContext context, Offset offset) {
|
|
float value = _state.positionController.value;
|
|
float visualPosition = value;
|
|
switch (textDirection) {
|
|
case TextDirection.rtl:
|
|
visualPosition = 1.0f - value;
|
|
break;
|
|
case TextDirection.ltr:
|
|
visualPosition = value;
|
|
break;
|
|
}
|
|
|
|
Rect trackRect = _sliderTheme.trackShape.getPreferredRect(
|
|
parentBox: this,
|
|
offset: offset,
|
|
sliderTheme: _sliderTheme,
|
|
isDiscrete: isDiscrete
|
|
);
|
|
|
|
Offset thumbCenter = new Offset(trackRect.left + visualPosition * trackRect.width, trackRect.center.dy);
|
|
|
|
_sliderTheme.trackShape.paint(
|
|
context,
|
|
offset,
|
|
parentBox: this,
|
|
sliderTheme: _sliderTheme,
|
|
enableAnimation: _enableAnimation,
|
|
textDirection: _textDirection,
|
|
thumbCenter: thumbCenter,
|
|
isDiscrete: isDiscrete,
|
|
isEnabled: isInteractive
|
|
);
|
|
|
|
if (!_overlayAnimation.isDismissed) {
|
|
_sliderTheme.overlayShape.paint(
|
|
context,
|
|
thumbCenter,
|
|
activationAnimation: _overlayAnimation,
|
|
enableAnimation: _enableAnimation,
|
|
isDiscrete: isDiscrete,
|
|
labelPainter: _labelPainter,
|
|
parentBox: this,
|
|
sliderTheme: _sliderTheme,
|
|
textDirection: _textDirection,
|
|
value: _value
|
|
);
|
|
}
|
|
|
|
if (isDiscrete) {
|
|
float tickMarkWidth = _sliderTheme.tickMarkShape.getPreferredSize(
|
|
isEnabled: isInteractive,
|
|
sliderTheme: _sliderTheme
|
|
).width;
|
|
|
|
float adjustedTrackWidth = trackRect.width - tickMarkWidth;
|
|
if (adjustedTrackWidth / divisions.Value >= 3.0f * tickMarkWidth) {
|
|
float dy = trackRect.center.dy;
|
|
for (int i = 0; i <= divisions; i++) {
|
|
float tickValue = i / divisions.Value;
|
|
float dx = trackRect.left + tickValue * adjustedTrackWidth + tickMarkWidth / 2;
|
|
Offset tickMarkOffset = new Offset(dx, dy);
|
|
_sliderTheme.tickMarkShape.paint(
|
|
context,
|
|
tickMarkOffset,
|
|
parentBox: this,
|
|
sliderTheme: _sliderTheme,
|
|
enableAnimation: _enableAnimation,
|
|
textDirection: _textDirection,
|
|
thumbCenter: thumbCenter,
|
|
isEnabled: isInteractive
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (isInteractive && label != null && !_valueIndicatorAnimation.isDismissed) {
|
|
if (showValueIndicator) {
|
|
_sliderTheme.valueIndicatorShape.paint(
|
|
context,
|
|
thumbCenter,
|
|
activationAnimation: _valueIndicatorAnimation,
|
|
enableAnimation: _enableAnimation,
|
|
isDiscrete: isDiscrete,
|
|
labelPainter: _labelPainter,
|
|
parentBox: this,
|
|
sliderTheme: _sliderTheme,
|
|
textDirection: _textDirection,
|
|
value: _value
|
|
);
|
|
}
|
|
}
|
|
|
|
_sliderTheme.thumbShape.paint(
|
|
context,
|
|
thumbCenter,
|
|
activationAnimation: _valueIndicatorAnimation,
|
|
enableAnimation: _enableAnimation,
|
|
isDiscrete: isDiscrete,
|
|
labelPainter: _labelPainter,
|
|
parentBox: this,
|
|
sliderTheme: _sliderTheme,
|
|
textDirection: _textDirection,
|
|
value: _value
|
|
);
|
|
}
|
|
}
|
|
}
|