var instance = ((Scrollbar)bindable);
var thickness = (float?)newValue;
- ((ScrollbarStyle)instance.viewStyle).TrackThickness = thickness;
+ instance.scrollbarStyle.TrackThickness = thickness;
instance.UpdateTrackThickness(thickness ?? 0);
},
defaultValueCreator: (bindable) =>
{
- return ((ScrollbarStyle)((Scrollbar)bindable).viewStyle)?.TrackThickness ?? 0;
+ return ((Scrollbar)bindable).scrollbarStyle.TrackThickness ?? 0;
});
/// <summary>Bindable property of ThumbThickness</summary>
var instance = ((Scrollbar)bindable);
var thickness = (float?)newValue;
- ((ScrollbarStyle)instance.viewStyle).ThumbThickness = thickness;
+ instance.scrollbarStyle.ThumbThickness = thickness;
instance.UpdateThumbThickness(thickness ?? 0);
},
defaultValueCreator: (bindable) =>
{
- return ((ScrollbarStyle)((Scrollbar)bindable).viewStyle)?.ThumbThickness ?? 0;
+ return ((Scrollbar)bindable).scrollbarStyle.ThumbThickness ?? 0;
});
/// <summary>Bindable property of TrackColor</summary>
var instance = ((Scrollbar)bindable);
var color = (Color)newValue;
- ((ScrollbarStyle)instance.viewStyle).TrackColor = color;
+ instance.scrollbarStyle.TrackColor = color;
instance.UpdateTrackColor(color);
},
defaultValueCreator: (bindable) =>
{
- return ((ScrollbarStyle)((Scrollbar)bindable).viewStyle)?.TrackColor;
+ return ((Scrollbar)bindable).scrollbarStyle.TrackColor;
});
/// <summary>Bindable property of ThumbColor</summary>
var instance = ((Scrollbar)bindable);
var color = (Color)newValue;
- ((ScrollbarStyle)instance.viewStyle).ThumbColor = color;
+ instance.scrollbarStyle.ThumbColor = color;
instance.UpdateThumbColor(color);
},
defaultValueCreator: (bindable) =>
{
- return ((ScrollbarStyle)((Scrollbar)bindable).viewStyle)?.ThumbColor;
+ return ((Scrollbar)bindable).scrollbarStyle.ThumbColor;
});
/// <summary>Bindable property of TrackPadding</summary>
var instance = ((Scrollbar)bindable);
var trackPadding = (Extents)newValue;
- ((ScrollbarStyle)instance.viewStyle).TrackPadding = trackPadding;
+ instance.scrollbarStyle.TrackPadding = trackPadding;
instance.UpdateTrackPadding(trackPadding);
},
defaultValueCreator: (bindable) =>
{
- return ((ScrollbarStyle)((Scrollbar)bindable).viewStyle)?.TrackPadding;
+ return ((Scrollbar)bindable).scrollbarStyle.TrackPadding;
});
- private static readonly string TrackVisualName = "Track";
- private static readonly string ThumbVisualName = "Thumb";
private ColorVisual trackVisual;
private ColorVisual thumbVisual;
private Animation thumbPositionAnimation;
private Animation thumbSizeAnimation;
private Calculator calculator;
+ private Size containerSize = new Size(0, 0);
+ private ScrollbarStyle scrollbarStyle => ViewStyle as ScrollbarStyle;
+ private bool mScrollEnabled = true;
+ private float previousPosition;
#endregion Fields
/// <summary>
/// Create an empty Scrollbar.
/// </summary>
- public Scrollbar() : base(new ScrollbarStyle())
+ public Scrollbar()
{
}
/// <summary>
/// Create a Scrollbar and initialize with properties.
/// </summary>
- /// <param name="contentLength">The total length of the content.</param>
- /// <param name="viewSize">The size of View that contains the content to scroll.</param>
- /// <param name="currentPosition">The start position of the View in content length. This is the View's top position if the scroller is vertical, otherwise, View's left position.</param>
- /// <param name="isHorizontal">Whether the direction of scrolling is horizontal or not. It is vertical if the value is false.</param>
+ /// <param name="contentLength">The length of the scrollable content area.</param>
+ /// <param name="viewportLength">The length of the viewport representing the amount of visible content.</param>
+ /// <param name="currentPosition">The current position of the viewport in scrollable content area. This is the viewport's top position if the scroller is vertical, otherwise, left.</param>
+ /// <param name="isHorizontal">Whether the direction of scrolling is horizontal or not. It is vertical by default.</param>
[EditorBrowsable(EditorBrowsableState.Never)]
- public Scrollbar(float contentLength, Size viewSize, float currentPosition, bool isHorizontal = false) : base(new ScrollbarStyle())
+ public Scrollbar(float contentLength, float viewportLength, float currentPosition, bool isHorizontal = false) : this()
{
- Initialize(contentLength, viewSize, currentPosition, isHorizontal);
+ Initialize(contentLength, viewportLength, currentPosition, isHorizontal);
}
/// <summary>
/// <inheritdoc/>
[EditorBrowsable(EditorBrowsableState.Never)]
- public override void Initialize(float contentLength, Size viewSize, float currentPosition, bool isHorizontal = false)
+ public override void Initialize(float contentLength, float viewportLength, float currentPosition, bool isHorizontal = false)
{
if (isHorizontal)
{
- calculator = new HorizontalCalculator(contentLength > 0.0f ? contentLength : 0.0f, viewSize.Width);
+ calculator = new HorizontalCalculator(contentLength > 0.0f ? contentLength : 0.0f, viewportLength, currentPosition);
}
else
{
- calculator = new VerticalCalculator(contentLength > 0.0f ? contentLength : 0.0f, viewSize.Height);
+ calculator = new VerticalCalculator(contentLength > 0.0f ? contentLength : 0.0f, viewportLength, currentPosition);
}
- Size = viewSize;
-
thumbPositionAnimation?.Stop();
thumbPositionAnimation = null;
thumbSizeAnimation?.Stop();
thumbSizeAnimation = null;
- CreateTrackVisual();
- CreateThumbVisual(currentPosition);
+ Size trackSize = calculator.CalculateTrackSize(TrackThickness, containerSize, TrackPadding);
+ Vector2 trackPosition = calculator.CalculateTrackPosition(TrackPadding);
+ Size thumbSize = calculator.CalculateThumbSize(ThumbThickness, trackSize);
+ Vector2 thumbPosition = calculator.CalculateThumbPosition(trackSize, thumbSize, TrackPadding);
+
+ if (trackVisual == null)
+ {
+ trackVisual = new ColorVisual
+ {
+ SuppressUpdateVisual = true,
+ Color = TrackColor,
+ SizePolicy = VisualTransformPolicyType.Absolute,
+ Origin = calculator.CalculatorTrackAlign(),
+ AnchorPoint = calculator.CalculatorTrackAlign(),
+ Size = trackSize,
+ Position = trackPosition,
+ };
+
+ AddVisual("Track", trackVisual);
+ }
+ else
+ {
+ trackVisual.Size = trackSize;
+ trackVisual.Position = trackPosition;
+ trackVisual.UpdateVisual(true);
+ }
+
+ if (thumbVisual == null)
+ {
+ thumbVisual = new ColorVisual
+ {
+ SuppressUpdateVisual = true,
+ MixColor = ThumbColor,
+ SizePolicy = VisualTransformPolicyType.Absolute,
+ Origin = calculator.CalculatorThumbAlign(),
+ AnchorPoint = calculator.CalculatorThumbAlign(),
+ Opacity = calculator.CalculateThumbVisibility() ? 1.0f : 0.0f,
+ Size = thumbSize,
+ Position = thumbPosition,
+ };
- AddVisual(TrackVisualName, trackVisual);
- AddVisual(ThumbVisualName, thumbVisual);
+ AddVisual("Thumb", thumbVisual);
+ }
+ else
+ {
+ thumbVisual.Size = thumbSize;
+ thumbVisual.Position = thumbPosition;
+ thumbVisual.UpdateVisual(true);
+ }
}
/// <inheritdoc/>
return;
}
- calculator.Update(contentLength > 0.0f ? contentLength : 0.0f);
+ calculator.contentLength = contentLength > 0.0f ? contentLength : 0.0f;
+ previousPosition = calculator.currentPosition;
+ calculator.currentPosition = position;
thumbVisual.Size = calculator.CalculateThumbSize(ThumbThickness, trackVisual.Size);
- thumbVisual.Position = calculator.CalculateThumbScrollPosition(position, trackVisual.Size, thumbVisual.Position, TrackPadding);
+ thumbVisual.Position = calculator.CalculateThumbScrollPosition(trackVisual.Size, thumbVisual.Position, TrackPadding);
thumbVisual.Opacity = calculator.CalculateThumbVisibility() ? 1.0f : 0.0f;
if (durationMs == 0)
[EditorBrowsable(EditorBrowsableState.Never)]
public override void ScrollTo(float position, uint durationMs = 0, AlphaFunction alphaFunction = null)
{
- if (thumbVisual == null)
+ if (mScrollEnabled == false)
{
return;
}
- thumbVisual.Position = calculator.CalculateThumbScrollPosition(position, trackVisual.Size, thumbVisual.Position, TrackPadding);
+ if (calculator == null)
+ {
+ return;
+ }
+
+ previousPosition = calculator.currentPosition;
+ calculator.currentPosition = position;
+ thumbVisual.Position = calculator.CalculateThumbScrollPosition(trackVisual.Size, thumbVisual.Position, TrackPadding);
if (durationMs == 0)
{
/// <inheritdoc/>
[EditorBrowsable(EditorBrowsableState.Never)]
- protected override ViewStyle GetViewStyle()
+ public override void OnRelayout(Vector2 size, RelayoutContainer container)
{
- return new ScrollbarStyle();
- }
+ base.OnRelayout(size, container);
- /// <summary>
- /// Create a track visual.
- /// </summary>
- [EditorBrowsable(EditorBrowsableState.Never)]
- protected virtual void CreateTrackVisual()
- {
- trackVisual = new ColorVisual
- {
- SuppressUpdateVisual = true,
- Color = Color.Black,
- SizePolicy = VisualTransformPolicyType.Absolute,
- Origin = calculator.CalculatorTrackAlign(),
- AnchorPoint = calculator.CalculatorTrackAlign(),
- Size = calculator.CalculateTrackSize(TrackThickness, TrackPadding),
- Position = calculator.CalculateTrackPosition(TrackPadding),
- };
+ if (size.Width == containerSize.Width && size.Height == containerSize.Height)
+ {
+ return;
+ }
+
+ containerSize = new Size(size.Width, size.Height);
+
+ if (calculator == null)
+ {
+ return;
+ }
+
+ trackVisual.Size = calculator.CalculateTrackSize(TrackThickness, containerSize, TrackPadding);
+ trackVisual.Position = calculator.CalculateTrackPosition(TrackPadding);
+ thumbVisual.Size = calculator.CalculateThumbSize(ThumbThickness, trackVisual.Size);
+ thumbVisual.Position = calculator.CalculateThumbPosition(trackVisual.Size, thumbVisual.Size, TrackPadding);
+
+ trackVisual.UpdateVisual(true);
+ thumbVisual.UpdateVisual(true);
}
- /// <summary>
- /// Create a thumb visual.
- /// </summary>
+ /// <inheritdoc/>
[EditorBrowsable(EditorBrowsableState.Never)]
- protected virtual void CreateThumbVisual(float currentPosition)
+ public override void ApplyStyle(ViewStyle viewStyle)
{
- Size thumbSize = calculator.CalculateThumbSize(ThumbThickness, trackVisual.Size);
+ base.ApplyStyle(viewStyle);
- thumbVisual = new ColorVisual
+ if (viewStyle is ScrollbarStyle scrollbarStyle)
{
- SuppressUpdateVisual = true,
- MixColor = ThumbColor,
- SizePolicy = VisualTransformPolicyType.Absolute,
- Origin = calculator.CalculatorThumbAlign(),
- AnchorPoint = calculator.CalculatorThumbAlign(),
- Size = thumbSize,
- Position = calculator.CalculateThumbPosition(currentPosition, trackVisual.Size, thumbSize, TrackPadding),
- Opacity = (calculator.CalculateThumbVisibility() ? 1.0f : 0.0f),
- };
+ // Apply essential look.
+ if (scrollbarStyle.TrackThickness == null) scrollbarStyle.TrackThickness = 6.0f;
+ if (scrollbarStyle.ThumbThickness == null) scrollbarStyle.ThumbThickness = 6.0f;
+ if (scrollbarStyle.TrackColor == null) scrollbarStyle.TrackColor = new Color(1.0f, 1.0f, 1.0f, 0.15f);
+ if (scrollbarStyle.ThumbColor == null) scrollbarStyle.ThumbColor = new Color(0.6f, 0.6f, 0.6f, 1.0f);
+ if (scrollbarStyle.TrackPadding == null) scrollbarStyle.TrackPadding = 4;
+ if (scrollbarStyle.WidthResizePolicy == null) scrollbarStyle.WidthResizePolicy = ResizePolicyType.FillToParent;
+ if (scrollbarStyle.HeightResizePolicy == null) scrollbarStyle.HeightResizePolicy = ResizePolicyType.FillToParent;
+ }
+ }
+
+ /// <inheritdoc/>
+ [EditorBrowsable(EditorBrowsableState.Never)]
+ protected override ViewStyle CreateViewStyle()
+ {
+ return new ScrollbarStyle();
}
/// <summary>
return;
}
- trackVisual.Size = calculator.CalculateTrackSize(thickness, TrackPadding);
+ trackVisual.Size = calculator.CalculateTrackSize(thickness, containerSize, TrackPadding);
trackVisual.UpdateVisual(true);
}
/// <param name="trackPadding">The padding of the track.</param>
protected virtual void UpdateTrackPadding(Extents trackPadding)
{
- if (trackVisual == null || thumbVisual == null)
+ if (calculator == null)
{
return;
}
- trackVisual.Size = calculator.CalculateTrackSize(TrackThickness, trackPadding);
+ trackVisual.Size = calculator.CalculateTrackSize(TrackThickness, containerSize, trackPadding);
trackVisual.Position = calculator.CalculateTrackPosition(trackPadding);
thumbVisual.Size = calculator.CalculateThumbSize(ThumbThickness, trackVisual.Size);
thumbVisual.Position = calculator.CalculateThumbPaddingPosition(trackVisual.Size, thumbVisual.Size, thumbVisual.Position, trackPadding);
thumbVisual.UpdateVisual(true);
}
+ /// <inheritdoc/>
+ [EditorBrowsable(EditorBrowsableState.Never)]
+ public override bool ScrollEnabled
+ {
+ get
+ {
+ return mScrollEnabled;
+ }
+ set
+ {
+ if (value != mScrollEnabled)
+ {
+ mScrollEnabled = value;
+ }
+ }
+ }
+
+ /// <inheritdoc/>
+ [EditorBrowsable(EditorBrowsableState.Never)]
+ public override Position ScrollPosition
+ {
+ get
+ {
+ if (calculator == null)
+ {
+ return new Position(0.0f, 0.0f);
+ }
+
+ float length = Math.Min(Math.Max(calculator.currentPosition, 0.0f), calculator.contentLength - calculator.visibleLength);
+
+ if (calculator is HorizontalCalculator)
+ {
+ return new Position(length, 0.0f);
+ }
+ else
+ {
+ return new Position(0.0f, length);
+ }
+ }
+ }
+
+ /// <inheritdoc/>
+ [EditorBrowsable(EditorBrowsableState.Never)]
+ public override Position ScrollCurrentPosition
+ {
+ get
+ {
+ if (calculator == null)
+ {
+ return new Position(0.0f, 0.0f);
+ }
+
+ float length = Math.Min(Math.Max(calculator.currentPosition, 0.0f), calculator.contentLength - calculator.visibleLength);
+
+ if (thumbPositionAnimation != null)
+ {
+ float progress = thumbPositionAnimation.CurrentProgress;
+ float previousLength = Math.Min(Math.Max(previousPosition, 0.0f), calculator.contentLength - calculator.visibleLength);
+
+ length = ((1.0f - progress) * previousLength) + (progress * length);
+ }
+
+ if (calculator is HorizontalCalculator)
+ {
+ return new Position(length, 0.0f);
+ }
+ else
+ {
+ return new Position(0.0f, length);
+ }
+ }
+ }
+
#endregion Methods
private abstract class Calculator
{
- protected float contentLength;
- protected float visibleLength;
+ public float contentLength;
+ public float visibleLength;
+ public float currentPosition;
- public Calculator(float contentLength, float visibleLength)
+ public Calculator(float contentLength, float visibleLength, float currentPosition)
{
this.contentLength = contentLength;
this.visibleLength = visibleLength;
- }
-
- public void Update(float contentLength)
- {
- this.contentLength = contentLength;
+ this.currentPosition = currentPosition;
}
public bool CalculateThumbVisibility()
public abstract Visual.AlignType CalculatorTrackAlign();
public abstract Visual.AlignType CalculatorThumbAlign();
- public abstract Size CalculateTrackSize(float thickness, Extents trackPadding);
+ public abstract Size CalculateTrackSize(float thickness, Size containerSize, Extents trackPadding);
public abstract Vector2 CalculateTrackPosition(Extents trackPadding);
public abstract Size CalculateThumbSize(float thickness, Size trackSize);
- public abstract Vector2 CalculateThumbPosition(float position, Size trackSize, Size thumbSize, Extents trackPadding);
+ public abstract Vector2 CalculateThumbPosition(Size trackSize, Size thumbSize, Extents trackPadding);
public abstract Vector2 CalculateThumbPaddingPosition(Size trackSize, Size thumbSize, Vector2 thumbCurrentPosition, Extents trackPadding);
- public abstract Vector2 CalculateThumbScrollPosition(float position, Size trackSize, Vector2 thumbCurrentPosition, Extents trackPadding);
+ public abstract Vector2 CalculateThumbScrollPosition(Size trackSize, Vector2 thumbCurrentPosition, Extents trackPadding);
}
private class HorizontalCalculator : Calculator
{
- public HorizontalCalculator(float contentLength, float visibleLength) : base(contentLength, visibleLength)
+ public HorizontalCalculator(float contentLength, float visibleLength, float currentPosition) : base(contentLength, visibleLength, currentPosition)
{
}
return Visual.AlignType.BottomBegin;
}
- public override Size CalculateTrackSize(float thickness, Extents trackPadding)
+ public override Size CalculateTrackSize(float thickness, Size containerSize, Extents trackPadding)
{
- return new Size(visibleLength - trackPadding.Start - trackPadding.End, thickness);
+ return new Size(containerSize.Width - trackPadding?.Start ?? 0 - trackPadding?.End ?? 0, thickness);
}
public override Vector2 CalculateTrackPosition(Extents trackPadding)
{
- return new Vector2(0, -trackPadding.Bottom);
+ return new Vector2(0, -trackPadding?.Bottom ?? 0);
}
public override Size CalculateThumbSize(float thickness, Size trackSize)
return new Size(trackSize.Width * visibleLength / contentLength, thickness);
}
- public override Vector2 CalculateThumbPosition(float position, Size trackSize, Size thumbSize, Extents trackPadding)
+ public override Vector2 CalculateThumbPosition(Size trackSize, Size thumbSize, Extents trackPadding)
{
- float padding = ((trackSize.Height - thumbSize.Height) / 2.0f) + trackPadding.Bottom;
- float pos = Math.Min(Math.Max(position, 0.0f), contentLength - visibleLength);
- return new Vector2(trackPadding.Start + trackSize.Width * pos / contentLength, -padding);
+ float padding = ((trackSize.Height - thumbSize.Height) / 2.0f) + trackPadding?.Bottom ?? 0;
+ float pos = Math.Min(Math.Max(currentPosition, 0.0f), contentLength - visibleLength);
+ return new Vector2(trackPadding?.Start ?? 0 + trackSize.Width * pos / contentLength, -padding);
}
public override Vector2 CalculateThumbPaddingPosition(Size trackSize, Size thumbSize, Vector2 thumbCurrentPosition, Extents trackPadding)
{
- float padding = ((trackSize.Height - thumbSize.Height) / 2.0f) + trackPadding.Bottom;
+ float padding = ((trackSize.Height - thumbSize.Height) / 2.0f) + trackPadding?.Bottom ?? 0;
return new Vector2(thumbCurrentPosition.X, -padding);
}
- public override Vector2 CalculateThumbScrollPosition(float position, Size trackSize, Vector2 thumbCurrentPosition, Extents trackPadding)
+ public override Vector2 CalculateThumbScrollPosition(Size trackSize, Vector2 thumbCurrentPosition, Extents trackPadding)
{
- float pos = Math.Min(Math.Max(position, 0.0f), contentLength - visibleLength);
- return new Vector2(trackPadding.Start + trackSize.Width * pos / contentLength, thumbCurrentPosition.Y);
+ float pos = Math.Min(Math.Max(currentPosition, 0.0f), contentLength - visibleLength);
+ return new Vector2(trackPadding?.Start ?? 0 + trackSize.Width * pos / contentLength, thumbCurrentPosition.Y);
}
}
private class VerticalCalculator : Calculator
{
- public VerticalCalculator(float contentLength, float visibleLength) : base(contentLength, visibleLength)
+ public VerticalCalculator(float contentLength, float visibleLength, float currentPosition) : base(contentLength, visibleLength, currentPosition)
{
}
return Visual.AlignType.TopEnd;
}
- public override Size CalculateTrackSize(float thickness, Extents trackPadding)
+ public override Size CalculateTrackSize(float thickness, Size containerSize, Extents trackPadding)
{
- return new Size(thickness, visibleLength - trackPadding.Top - trackPadding.Bottom);
+ return new Size(thickness, containerSize.Height - trackPadding?.Top ?? 0 - trackPadding?.Bottom ?? 0);
}
public override Vector2 CalculateTrackPosition(Extents trackPadding)
{
- return new Vector2(-trackPadding.End, 0);
+ return new Vector2(-trackPadding?.End ?? 0, 0);
}
public override Size CalculateThumbSize(float thickness, Size trackSize)
return new Size(thickness, trackSize.Height * visibleLength / contentLength);
}
- public override Vector2 CalculateThumbPosition(float position, Size trackSize, Size thumbSize, Extents trackPadding)
+ public override Vector2 CalculateThumbPosition(Size trackSize, Size thumbSize, Extents trackPadding)
{
- float padding = ((trackSize.Width - thumbSize.Width) / 2.0f) + trackPadding.End;
- float pos = Math.Min(Math.Max(position, 0.0f), contentLength - visibleLength);
- return new Vector2(-padding, trackPadding.Top + trackSize.Height * pos / contentLength);
+ float padding = ((trackSize.Width - thumbSize.Width) / 2.0f) + trackPadding?.End ?? 0;
+ float pos = Math.Min(Math.Max(currentPosition, 0.0f), contentLength - visibleLength);
+ return new Vector2(-padding, trackPadding?.Top ?? 0 + trackSize.Height * pos / contentLength);
}
public override Vector2 CalculateThumbPaddingPosition(Size trackSize, Size thumbSize, Vector2 thumbCurrentPosition, Extents trackPadding)
{
- float padding = ((trackSize.Width - thumbSize.Width) / 2.0f) + trackPadding.End;
+ float padding = ((trackSize.Width - thumbSize.Width) / 2.0f) + trackPadding?.End ?? 0;
return new Vector2(-padding, thumbCurrentPosition.Y);
}
- public override Vector2 CalculateThumbScrollPosition(float position, Size trackSize, Vector2 thumbPosition, Extents trackPadding)
+ public override Vector2 CalculateThumbScrollPosition(Size trackSize, Vector2 thumbPosition, Extents trackPadding)
{
- float pos = Math.Min(Math.Max(position, 0.0f), contentLength - visibleLength);
- return new Vector2(thumbPosition.X, trackPadding.Top + trackSize.Height * pos / contentLength);
+ float pos = Math.Min(Math.Max(currentPosition, 0.0f), contentLength - visibleLength);
+ return new Vector2(thumbPosition.X, trackPadding?.Top ?? 0 + trackSize.Height * pos / contentLength);
}
}