mirror of https://github.com/ppy/osu
454 lines
17 KiB
C#
454 lines
17 KiB
C#
// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
|
|
// See the LICENCE file in the repository root for full licence text.
|
|
|
|
using System;
|
|
using System.Threading.Tasks;
|
|
using osu.Framework.Allocation;
|
|
using osu.Framework.Bindables;
|
|
using osu.Framework.Extensions.Color4Extensions;
|
|
using osu.Framework.Graphics;
|
|
using osu.Framework.Graphics.Containers;
|
|
using osu.Framework.Graphics.Effects;
|
|
using osu.Framework.Graphics.Shapes;
|
|
using osu.Framework.Graphics.Sprites;
|
|
using osu.Framework.Graphics.Textures;
|
|
using osu.Framework.Input.Events;
|
|
using osu.Framework.Localisation;
|
|
using osu.Game.Beatmaps;
|
|
using osu.Game.Graphics;
|
|
using osu.Game.Graphics.Containers;
|
|
using osu.Game.Graphics.Sprites;
|
|
using osu.Game.Graphics.UserInterface;
|
|
using osu.Game.Localisation;
|
|
using osu.Game.Overlays.Music;
|
|
using osuTK;
|
|
using osuTK.Graphics;
|
|
|
|
namespace osu.Game.Overlays
|
|
{
|
|
public class NowPlayingOverlay : OsuFocusedOverlayContainer, INamedOverlayComponent
|
|
{
|
|
public string IconTexture => "Icons/Hexacons/music";
|
|
public LocalisableString Title => NowPlayingStrings.HeaderTitle;
|
|
public LocalisableString Description => NowPlayingStrings.HeaderDescription;
|
|
|
|
private const float player_height = 130;
|
|
private const float transition_length = 800;
|
|
private const float progress_height = 10;
|
|
private const float bottom_black_area_height = 55;
|
|
|
|
private Drawable background;
|
|
private ProgressBar progressBar;
|
|
|
|
private IconButton prevButton;
|
|
private IconButton playButton;
|
|
private IconButton nextButton;
|
|
private IconButton playlistButton;
|
|
|
|
private SpriteText title, artist;
|
|
|
|
private PlaylistOverlay playlist;
|
|
|
|
private Container dragContainer;
|
|
private Container playerContainer;
|
|
|
|
protected override string PopInSampleName => "UI/now-playing-pop-in";
|
|
protected override string PopOutSampleName => "UI/now-playing-pop-out";
|
|
|
|
/// <summary>
|
|
/// Provide a source for the toolbar height.
|
|
/// </summary>
|
|
public Func<float> GetToolbarHeight;
|
|
|
|
[Resolved]
|
|
private MusicController musicController { get; set; }
|
|
|
|
[Resolved]
|
|
private Bindable<WorkingBeatmap> beatmap { get; set; }
|
|
|
|
[Resolved]
|
|
private OsuColour colours { get; set; }
|
|
|
|
public NowPlayingOverlay()
|
|
{
|
|
Width = 400;
|
|
Margin = new MarginPadding(10);
|
|
}
|
|
|
|
[BackgroundDependencyLoader]
|
|
private void load()
|
|
{
|
|
Children = new Drawable[]
|
|
{
|
|
dragContainer = new DragContainer
|
|
{
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
RelativeSizeAxes = Axes.X,
|
|
AutoSizeAxes = Axes.Y,
|
|
Children = new Drawable[]
|
|
{
|
|
playerContainer = new Container
|
|
{
|
|
RelativeSizeAxes = Axes.X,
|
|
Height = player_height,
|
|
Masking = true,
|
|
CornerRadius = 5,
|
|
EdgeEffect = new EdgeEffectParameters
|
|
{
|
|
Type = EdgeEffectType.Shadow,
|
|
Colour = Color4.Black.Opacity(40),
|
|
Radius = 5,
|
|
},
|
|
Children = new[]
|
|
{
|
|
background = new Background(),
|
|
title = new OsuSpriteText
|
|
{
|
|
Origin = Anchor.BottomCentre,
|
|
Anchor = Anchor.TopCentre,
|
|
Position = new Vector2(0, 40),
|
|
Font = OsuFont.GetFont(size: 25, italics: true),
|
|
Colour = Color4.White,
|
|
Text = @"Nothing to play",
|
|
},
|
|
artist = new OsuSpriteText
|
|
{
|
|
Origin = Anchor.TopCentre,
|
|
Anchor = Anchor.TopCentre,
|
|
Position = new Vector2(0, 45),
|
|
Font = OsuFont.GetFont(size: 15, weight: FontWeight.Bold, italics: true),
|
|
Colour = Color4.White,
|
|
Text = @"Nothing to play",
|
|
},
|
|
new Container
|
|
{
|
|
Padding = new MarginPadding { Bottom = progress_height },
|
|
Height = bottom_black_area_height,
|
|
RelativeSizeAxes = Axes.X,
|
|
Origin = Anchor.BottomCentre,
|
|
Anchor = Anchor.BottomCentre,
|
|
Children = new Drawable[]
|
|
{
|
|
new FillFlowContainer<IconButton>
|
|
{
|
|
AutoSizeAxes = Axes.Both,
|
|
Direction = FillDirection.Horizontal,
|
|
Spacing = new Vector2(5),
|
|
Origin = Anchor.Centre,
|
|
Anchor = Anchor.Centre,
|
|
Children = new[]
|
|
{
|
|
prevButton = new MusicIconButton
|
|
{
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
Action = () => musicController.PreviousTrack(),
|
|
Icon = FontAwesome.Solid.StepBackward,
|
|
},
|
|
playButton = new MusicIconButton
|
|
{
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
Scale = new Vector2(1.4f),
|
|
IconScale = new Vector2(1.4f),
|
|
Action = () => musicController.TogglePause(),
|
|
Icon = FontAwesome.Regular.PlayCircle,
|
|
},
|
|
nextButton = new MusicIconButton
|
|
{
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
Action = () => musicController.NextTrack(),
|
|
Icon = FontAwesome.Solid.StepForward,
|
|
},
|
|
}
|
|
},
|
|
playlistButton = new MusicIconButton
|
|
{
|
|
Origin = Anchor.Centre,
|
|
Anchor = Anchor.CentreRight,
|
|
Position = new Vector2(-bottom_black_area_height / 2, 0),
|
|
Icon = FontAwesome.Solid.Bars,
|
|
Action = togglePlaylist
|
|
},
|
|
}
|
|
},
|
|
progressBar = new HoverableProgressBar
|
|
{
|
|
Origin = Anchor.BottomCentre,
|
|
Anchor = Anchor.BottomCentre,
|
|
Height = progress_height / 2,
|
|
FillColour = colours.Yellow,
|
|
BackgroundColour = colours.YellowDarker.Opacity(0.5f),
|
|
OnSeek = musicController.SeekTo
|
|
}
|
|
},
|
|
},
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
private void togglePlaylist()
|
|
{
|
|
if (playlist == null)
|
|
{
|
|
LoadComponentAsync(playlist = new PlaylistOverlay
|
|
{
|
|
RelativeSizeAxes = Axes.X,
|
|
Y = player_height + 10,
|
|
}, _ =>
|
|
{
|
|
dragContainer.Add(playlist);
|
|
|
|
playlist.BeatmapSets.BindTo(musicController.BeatmapSets);
|
|
playlist.State.BindValueChanged(s => playlistButton.FadeColour(s.NewValue == Visibility.Visible ? colours.Yellow : Color4.White, 200, Easing.OutQuint), true);
|
|
|
|
togglePlaylist();
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
if (!beatmap.Disabled)
|
|
playlist.ToggleVisibility();
|
|
}
|
|
|
|
protected override void LoadComplete()
|
|
{
|
|
base.LoadComplete();
|
|
|
|
beatmap.BindDisabledChanged(beatmapDisabledChanged, true);
|
|
|
|
musicController.TrackChanged += trackChanged;
|
|
trackChanged(beatmap.Value);
|
|
}
|
|
|
|
protected override void PopIn()
|
|
{
|
|
base.PopIn();
|
|
|
|
this.FadeIn(transition_length, Easing.OutQuint);
|
|
dragContainer.ScaleTo(1, transition_length, Easing.OutElastic);
|
|
}
|
|
|
|
protected override void PopOut()
|
|
{
|
|
base.PopOut();
|
|
|
|
this.FadeOut(transition_length, Easing.OutQuint);
|
|
dragContainer.ScaleTo(0.9f, transition_length, Easing.OutQuint);
|
|
}
|
|
|
|
protected override void UpdateAfterChildren()
|
|
{
|
|
base.UpdateAfterChildren();
|
|
|
|
Height = dragContainer.Height;
|
|
dragContainer.Padding = new MarginPadding { Top = GetToolbarHeight?.Invoke() ?? 0 };
|
|
}
|
|
|
|
protected override void Update()
|
|
{
|
|
base.Update();
|
|
|
|
if (pendingBeatmapSwitch != null)
|
|
{
|
|
pendingBeatmapSwitch();
|
|
pendingBeatmapSwitch = null;
|
|
}
|
|
|
|
var track = musicController.CurrentTrack;
|
|
|
|
if (!track.IsDummyDevice)
|
|
{
|
|
progressBar.EndTime = track.Length;
|
|
progressBar.CurrentTime = track.CurrentTime;
|
|
|
|
playButton.Icon = track.IsRunning ? FontAwesome.Regular.PauseCircle : FontAwesome.Regular.PlayCircle;
|
|
}
|
|
else
|
|
{
|
|
progressBar.CurrentTime = 0;
|
|
progressBar.EndTime = 1;
|
|
playButton.Icon = FontAwesome.Regular.PlayCircle;
|
|
}
|
|
}
|
|
|
|
private Action pendingBeatmapSwitch;
|
|
|
|
private void trackChanged(WorkingBeatmap beatmap, TrackChangeDirection direction = TrackChangeDirection.None)
|
|
{
|
|
// avoid using scheduler as our scheduler may not be run for a long time, holding references to beatmaps.
|
|
pendingBeatmapSwitch = delegate
|
|
{
|
|
// todo: this can likely be replaced with WorkingBeatmap.GetBeatmapAsync()
|
|
Task.Run(() =>
|
|
{
|
|
if (beatmap?.Beatmap == null) // this is not needed if a placeholder exists
|
|
{
|
|
title.Text = @"Nothing to play";
|
|
artist.Text = @"Nothing to play";
|
|
}
|
|
else
|
|
{
|
|
BeatmapMetadata metadata = beatmap.Metadata;
|
|
title.Text = new RomanisableString(metadata.TitleUnicode, metadata.Title);
|
|
artist.Text = new RomanisableString(metadata.ArtistUnicode, metadata.Artist);
|
|
}
|
|
});
|
|
|
|
LoadComponentAsync(new Background(beatmap) { Depth = float.MaxValue }, newBackground =>
|
|
{
|
|
switch (direction)
|
|
{
|
|
case TrackChangeDirection.Next:
|
|
newBackground.Position = new Vector2(400, 0);
|
|
newBackground.MoveToX(0, 500, Easing.OutCubic);
|
|
background.MoveToX(-400, 500, Easing.OutCubic);
|
|
break;
|
|
|
|
case TrackChangeDirection.Prev:
|
|
newBackground.Position = new Vector2(-400, 0);
|
|
newBackground.MoveToX(0, 500, Easing.OutCubic);
|
|
background.MoveToX(400, 500, Easing.OutCubic);
|
|
break;
|
|
}
|
|
|
|
background.Expire();
|
|
background = newBackground;
|
|
|
|
playerContainer.Add(newBackground);
|
|
});
|
|
};
|
|
}
|
|
|
|
private void beatmapDisabledChanged(bool disabled)
|
|
{
|
|
if (disabled)
|
|
playlist?.Hide();
|
|
|
|
prevButton.Enabled.Value = !disabled;
|
|
nextButton.Enabled.Value = !disabled;
|
|
playlistButton.Enabled.Value = !disabled;
|
|
}
|
|
|
|
protected override void Dispose(bool isDisposing)
|
|
{
|
|
base.Dispose(isDisposing);
|
|
|
|
if (musicController != null)
|
|
musicController.TrackChanged -= trackChanged;
|
|
}
|
|
|
|
private class MusicIconButton : IconButton
|
|
{
|
|
public MusicIconButton()
|
|
{
|
|
AutoSizeAxes = Axes.Both;
|
|
}
|
|
|
|
[BackgroundDependencyLoader]
|
|
private void load(OsuColour colours)
|
|
{
|
|
HoverColour = colours.YellowDark.Opacity(0.6f);
|
|
FlashColour = colours.Yellow;
|
|
}
|
|
|
|
protected override void LoadComplete()
|
|
{
|
|
base.LoadComplete();
|
|
|
|
// works with AutoSizeAxes above to make buttons autosize with the scale animation.
|
|
Content.AutoSizeAxes = Axes.None;
|
|
Content.Size = new Vector2(DEFAULT_BUTTON_SIZE);
|
|
}
|
|
}
|
|
|
|
private class Background : BufferedContainer
|
|
{
|
|
private readonly Sprite sprite;
|
|
private readonly WorkingBeatmap beatmap;
|
|
|
|
public Background(WorkingBeatmap beatmap = null)
|
|
{
|
|
this.beatmap = beatmap;
|
|
|
|
Depth = float.MaxValue;
|
|
RelativeSizeAxes = Axes.Both;
|
|
|
|
CacheDrawnFrameBuffer = true;
|
|
|
|
Children = new Drawable[]
|
|
{
|
|
sprite = new Sprite
|
|
{
|
|
RelativeSizeAxes = Axes.Both,
|
|
Colour = OsuColour.Gray(150),
|
|
FillMode = FillMode.Fill,
|
|
},
|
|
new Box
|
|
{
|
|
RelativeSizeAxes = Axes.X,
|
|
Height = bottom_black_area_height,
|
|
Origin = Anchor.BottomCentre,
|
|
Anchor = Anchor.BottomCentre,
|
|
Colour = Color4.Black.Opacity(0.5f)
|
|
}
|
|
};
|
|
}
|
|
|
|
[BackgroundDependencyLoader]
|
|
private void load(TextureStore textures)
|
|
{
|
|
sprite.Texture = beatmap?.Background ?? textures.Get(@"Backgrounds/bg4");
|
|
}
|
|
}
|
|
|
|
private class DragContainer : Container
|
|
{
|
|
protected override bool OnDragStart(DragStartEvent e)
|
|
{
|
|
return true;
|
|
}
|
|
|
|
protected override void OnDrag(DragEvent e)
|
|
{
|
|
Vector2 change = e.MousePosition - e.MouseDownPosition;
|
|
|
|
// Diminish the drag distance as we go further to simulate "rubber band" feeling.
|
|
change *= change.Length <= 0 ? 0 : MathF.Pow(change.Length, 0.7f) / change.Length;
|
|
|
|
this.MoveTo(change);
|
|
}
|
|
|
|
protected override void OnDragEnd(DragEndEvent e)
|
|
{
|
|
this.MoveTo(Vector2.Zero, 800, Easing.OutElastic);
|
|
base.OnDragEnd(e);
|
|
}
|
|
}
|
|
|
|
private class HoverableProgressBar : ProgressBar
|
|
{
|
|
public HoverableProgressBar()
|
|
: base(true)
|
|
{
|
|
}
|
|
|
|
protected override bool OnHover(HoverEvent e)
|
|
{
|
|
this.ResizeHeightTo(progress_height, 500, Easing.OutQuint);
|
|
return base.OnHover(e);
|
|
}
|
|
|
|
protected override void OnHoverLost(HoverLostEvent e)
|
|
{
|
|
this.ResizeHeightTo(progress_height / 2, 500, Easing.OutQuint);
|
|
base.OnHoverLost(e);
|
|
}
|
|
}
|
|
}
|
|
}
|