// Copyright (c) ppy Pty Ltd . Licensed under the MIT Licence. // See the LICENCE file in the repository root for full licence text. using System.Linq; using osuTK; using osuTK.Graphics; using osu.Framework.Allocation; using osu.Framework.Audio; using osu.Framework.Bindables; using osu.Framework.Extensions.IEnumerableExtensions; using osu.Framework.Graphics; using osu.Framework.Graphics.Containers; using osu.Framework.Graphics.Sprites; using osu.Framework.Graphics.UserInterface; using osu.Framework.Input.Events; using osu.Game.Graphics; using osu.Game.Graphics.Sprites; using osu.Game.Graphics.UserInterface; using osu.Game.Overlays; using osuTK.Input; namespace osu.Game.Screens.Edit.Components { public class PlaybackControl : BottomBarContainer { private IconButton playButton; [Resolved] private EditorClock editorClock { get; set; } private readonly BindableNumber freqAdjust = new BindableDouble(1); [BackgroundDependencyLoader] private void load() { Children = new Drawable[] { playButton = new IconButton { Anchor = Anchor.CentreLeft, Origin = Anchor.CentreLeft, Scale = new Vector2(1.4f), IconScale = new Vector2(1.4f), Icon = FontAwesome.Regular.PlayCircle, Action = togglePause, }, new OsuSpriteText { Origin = Anchor.BottomLeft, Text = "Playback speed", RelativePositionAxes = Axes.Y, Y = 0.5f, Padding = new MarginPadding { Left = 45 } }, new Container { Anchor = Anchor.BottomLeft, Origin = Anchor.BottomLeft, RelativeSizeAxes = Axes.Both, Height = 0.5f, Padding = new MarginPadding { Left = 45 }, Child = new PlaybackTabControl { Current = freqAdjust }, } }; Track.BindValueChanged(tr => tr.NewValue?.AddAdjustment(AdjustableProperty.Frequency, freqAdjust), true); } protected override void Dispose(bool isDisposing) { Track.Value?.RemoveAdjustment(AdjustableProperty.Frequency, freqAdjust); base.Dispose(isDisposing); } protected override bool OnKeyDown(KeyDownEvent e) { switch (e.Key) { case Key.Space: togglePause(); return true; } return base.OnKeyDown(e); } private void togglePause() { if (editorClock.IsRunning) editorClock.Stop(); else editorClock.Start(); } protected override void Update() { base.Update(); playButton.Icon = editorClock.IsRunning ? FontAwesome.Regular.PauseCircle : FontAwesome.Regular.PlayCircle; } private class PlaybackTabControl : OsuTabControl { private static readonly double[] tempo_values = { 0.25, 0.5, 0.75, 1 }; protected override TabItem CreateTabItem(double value) => new PlaybackTabItem(value); protected override Dropdown CreateDropdown() => null; public PlaybackTabControl() { RelativeSizeAxes = Axes.Both; TabContainer.Spacing = Vector2.Zero; tempo_values.ForEach(AddItem); Current.Value = tempo_values.Last(); } public class PlaybackTabItem : TabItem { private const float fade_duration = 200; private readonly OsuSpriteText text; private readonly OsuSpriteText textBold; public PlaybackTabItem(double value) : base(value) { RelativeSizeAxes = Axes.Both; Width = 1f / tempo_values.Length; Children = new Drawable[] { text = new OsuSpriteText { Origin = Anchor.TopCentre, Anchor = Anchor.TopCentre, Text = $"{value:0%}", Font = OsuFont.GetFont(size: 14) }, textBold = new OsuSpriteText { Origin = Anchor.TopCentre, Anchor = Anchor.TopCentre, Text = $"{value:0%}", Font = OsuFont.GetFont(size: 14, weight: FontWeight.Bold), Alpha = 0, }, }; } private Color4 hoveredColour; private Color4 normalColour; [BackgroundDependencyLoader] private void load(OverlayColourProvider colourProvider) { text.Colour = normalColour = colourProvider.Light3; textBold.Colour = hoveredColour = colourProvider.Content1; } protected override bool OnHover(HoverEvent e) { updateState(); return true; } protected override void OnHoverLost(HoverLostEvent e) => updateState(); protected override void OnActivated() => updateState(); protected override void OnDeactivated() => updateState(); private void updateState() { text.FadeColour(Active.Value || IsHovered ? hoveredColour : normalColour, fade_duration, Easing.OutQuint); text.FadeTo(Active.Value ? 0 : 1, fade_duration, Easing.OutQuint); textBold.FadeTo(Active.Value ? 1 : 0, fade_duration, Easing.OutQuint); } } } } }