// Copyright (c) ppy Pty Ltd . Licensed under the MIT Licence. // See the LICENCE file in the repository root for full licence text. using System; using System.Linq; using osu.Framework.Allocation; using osu.Framework.Bindables; using osu.Framework.Extensions.Color4Extensions; using osu.Framework.Graphics; using osu.Framework.Graphics.Colour; using osu.Framework.Graphics.Containers; using osu.Framework.Graphics.Shapes; using osu.Framework.Graphics.Sprites; using osu.Framework.Graphics.UserInterface; using osu.Framework.Input.Events; using osu.Game.Graphics; using osu.Game.Graphics.UserInterface; using osuTK; using osuTK.Graphics; using osuTK.Input; namespace osu.Game.Screens.Edit.Compose.Components { public class BeatDivisorControl : CompositeDrawable { private readonly BindableBeatDivisor beatDivisor = new BindableBeatDivisor(); public BeatDivisorControl(BindableBeatDivisor beatDivisor) { this.beatDivisor.BindTo(beatDivisor); } [BackgroundDependencyLoader] private void load(OsuColour colours) { Masking = true; CornerRadius = 5; InternalChildren = new Drawable[] { new Box { Name = "Gray Background", RelativeSizeAxes = Axes.Both, Colour = colours.Gray4 }, new GridContainer { RelativeSizeAxes = Axes.Both, Content = new[] { new Drawable[] { new Container { RelativeSizeAxes = Axes.Both, Children = new Drawable[] { new Box { Name = "Black Background", RelativeSizeAxes = Axes.Both, Colour = Color4.Black }, new TickSliderBar(beatDivisor, BindableBeatDivisor.VALID_DIVISORS) { RelativeSizeAxes = Axes.Both, } } } }, new Drawable[] { new Container { RelativeSizeAxes = Axes.Both, Children = new Drawable[] { new Box { RelativeSizeAxes = Axes.Both, Colour = colours.Gray4 }, new Container { RelativeSizeAxes = Axes.Both, Padding = new MarginPadding { Horizontal = 5 }, Child = new GridContainer { RelativeSizeAxes = Axes.Both, Content = new[] { new Drawable[] { new DivisorButton { Icon = FontAwesome.Solid.ChevronLeft, Action = beatDivisor.Previous }, new DivisorText(beatDivisor), new DivisorButton { Icon = FontAwesome.Solid.ChevronRight, Action = beatDivisor.Next } }, }, ColumnDimensions = new[] { new Dimension(GridSizeMode.Absolute, 20), new Dimension(), new Dimension(GridSizeMode.Absolute, 20) } } } } } }, new Drawable[] { new TextFlowContainer(s => s.Font = s.Font.With(size: 14)) { Padding = new MarginPadding { Horizontal = 15 }, Text = "beat snap divisor", RelativeSizeAxes = Axes.X, TextAnchor = Anchor.TopCentre }, } }, RowDimensions = new[] { new Dimension(GridSizeMode.Absolute, 30), new Dimension(GridSizeMode.Absolute, 25), } } }; } private class DivisorText : SpriteText { private readonly Bindable beatDivisor = new Bindable(); public DivisorText(BindableBeatDivisor beatDivisor) { this.beatDivisor.BindTo(beatDivisor); Anchor = Anchor.Centre; Origin = Anchor.Centre; } [BackgroundDependencyLoader] private void load(OsuColour colours) { Colour = colours.BlueLighter; } protected override void LoadComplete() { base.LoadComplete(); beatDivisor.BindValueChanged(val => Text = $"1/{val.NewValue}", true); } } private class DivisorButton : IconButton { public DivisorButton() { Anchor = Anchor.Centre; Origin = Anchor.Centre; // Small offset to look a bit better centered along with the divisor text Y = 1; Size = new Vector2(20); IconScale = new Vector2(0.6f); } [BackgroundDependencyLoader] private void load(OsuColour colours) { IconColour = Color4.Black; HoverColour = colours.Gray7; FlashColour = colours.Gray9; } } private class TickSliderBar : SliderBar { private Marker marker; private readonly BindableBeatDivisor beatDivisor; private readonly int[] availableDivisors; public TickSliderBar(BindableBeatDivisor beatDivisor, params int[] divisors) { CurrentNumber.BindTo(this.beatDivisor = beatDivisor); availableDivisors = divisors; Padding = new MarginPadding { Horizontal = 5 }; } [BackgroundDependencyLoader] private void load() { foreach (var t in availableDivisors) { AddInternal(new Tick(t) { Anchor = Anchor.TopLeft, Origin = Anchor.TopCentre, RelativePositionAxes = Axes.X, X = getMappedPosition(t) }); } AddInternal(marker = new Marker()); CurrentNumber.ValueChanged += div => { marker.MoveToX(getMappedPosition(div.NewValue), 100, Easing.OutQuint); marker.Flash(); }; } protected override void UpdateValue(float value) { } public override bool HandleNonPositionalInput => IsHovered && !CurrentNumber.Disabled; protected override bool OnKeyDown(KeyDownEvent e) { switch (e.Key) { case Key.Right: beatDivisor.Next(); OnUserChange(Current.Value); return true; case Key.Left: beatDivisor.Previous(); OnUserChange(Current.Value); return true; default: return false; } } protected override bool OnMouseDown(MouseDownEvent e) { marker.Active = true; return base.OnMouseDown(e); } protected override bool OnMouseUp(MouseUpEvent e) { marker.Active = false; return base.OnMouseUp(e); } protected override bool OnClick(ClickEvent e) { handleMouseInput(e.ScreenSpaceMousePosition); return true; } protected override bool OnDrag(DragEvent e) { handleMouseInput(e.ScreenSpaceMousePosition); return true; } private void handleMouseInput(Vector2 screenSpaceMousePosition) { // copied from SliderBar so we can do custom spacing logic. var xPosition = (ToLocalSpace(screenSpaceMousePosition).X - RangePadding) / UsableWidth; CurrentNumber.Value = availableDivisors.OrderBy(d => Math.Abs(getMappedPosition(d) - xPosition)).First(); OnUserChange(Current.Value); } private float getMappedPosition(float divisor) => (float)Math.Pow((divisor - 1) / (availableDivisors.Last() - 1), 0.90f); private class Tick : CompositeDrawable { private readonly int divisor; public Tick(int divisor) { this.divisor = divisor; Size = new Vector2(2.5f, 10); InternalChild = new Box { RelativeSizeAxes = Axes.Both }; CornerRadius = 0.5f; Masking = true; } [BackgroundDependencyLoader] private void load(OsuColour colours) { Colour = getColourForDivisor(divisor, colours); } private ColourInfo getColourForDivisor(int divisor, OsuColour colours) { switch (divisor) { case 2: return colours.BlueLight; case 4: return colours.Blue; case 8: return colours.BlueDarker; case 16: return colours.PurpleDark; case 3: return colours.YellowLight; case 6: return colours.Yellow; case 12: return colours.YellowDarker; default: return Color4.White; } } } private class Marker : CompositeDrawable { private Color4 defaultColour; private const float size = 7; [BackgroundDependencyLoader] private void load(OsuColour colours) { Colour = defaultColour = colours.Gray4; Anchor = Anchor.TopLeft; Origin = Anchor.TopCentre; Width = size; RelativeSizeAxes = Axes.Y; RelativePositionAxes = Axes.X; InternalChildren = new Drawable[] { new Box { Width = 2, RelativeSizeAxes = Axes.Y, Origin = Anchor.BottomCentre, Anchor = Anchor.BottomCentre, Colour = ColourInfo.GradientVertical(Color4.White.Opacity(0.2f), Color4.White), Blending = BlendingMode.Additive, }, new EquilateralTriangle { Origin = Anchor.BottomCentre, Anchor = Anchor.BottomCentre, Height = size, EdgeSmoothness = new Vector2(1), Colour = Color4.White, } }; } private bool active; public bool Active { get => active; set { this.FadeColour(value ? Color4.White : defaultColour, 500, Easing.OutQuint); active = value; } } public void Flash() { bool wasActive = active; Active = true; if (wasActive) return; using (BeginDelayedSequence(50)) Active = false; } } } } }