// 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.Collections.Generic; using System.Linq; using osu.Framework.Allocation; using osu.Framework.Bindables; using osu.Framework.Graphics; using osu.Framework.Graphics.Containers; using osu.Framework.Graphics.Cursor; using osu.Framework.Graphics.Shapes; using osu.Framework.Input.Events; using osu.Game.Graphics; using osu.Game.Graphics.Sprites; using osu.Game.Graphics.UserInterface; using osu.Game.Users; using osuTK; namespace osu.Game.Overlays.Profile.Header.Components { public class RankGraph : Container, IHasCustomTooltip { private const float secondary_textsize = 13; private const float padding = 10; private const float fade_duration = 150; private const int ranked_days = 88; private readonly RankChartLineGraph graph; private readonly OsuSpriteText placeholder; private KeyValuePair[] ranks; private int dayIndex; public Bindable User = new Bindable(); public RankGraph() { Padding = new MarginPadding { Vertical = padding }; Children = new Drawable[] { placeholder = new OsuSpriteText { Anchor = Anchor.Centre, Origin = Anchor.Centre, Text = "No recent plays", Font = OsuFont.GetFont(size: 12, weight: FontWeight.Regular) }, graph = new RankChartLineGraph { Anchor = Anchor.BottomCentre, Origin = Anchor.BottomCentre, RelativeSizeAxes = Axes.Both, Y = -secondary_textsize, Alpha = 0, } }; graph.OnBallMove += i => dayIndex = i; User.ValueChanged += userChanged; } [BackgroundDependencyLoader] private void load(OsuColour colours) { graph.LineColour = colours.Yellow; } private void userChanged(ValueChangedEvent e) { placeholder.FadeIn(fade_duration, Easing.Out); if (e.NewValue?.Statistics?.Ranks.Global == null) { graph.FadeOut(fade_duration, Easing.Out); ranks = null; return; } int[] userRanks = e.NewValue.RankHistory?.Data ?? new[] { e.NewValue.Statistics.Ranks.Global.Value }; ranks = userRanks.Select((x, index) => new KeyValuePair(index, x)).Where(x => x.Value != 0).ToArray(); if (ranks.Length > 1) { placeholder.FadeOut(fade_duration, Easing.Out); graph.DefaultValueCount = ranks.Length; graph.Values = ranks.Select(x => -(float)Math.Log(x.Value)); } graph.FadeTo(ranks.Length > 1 ? 1 : 0, fade_duration, Easing.Out); } protected override bool OnHover(HoverEvent e) { if (ranks?.Length > 1) { graph.UpdateBallPosition(e.MousePosition.X); graph.ShowBar(); } return base.OnHover(e); } protected override bool OnMouseMove(MouseMoveEvent e) { if (ranks?.Length > 1) graph.UpdateBallPosition(e.MousePosition.X); return base.OnMouseMove(e); } protected override void OnHoverLost(HoverLostEvent e) { if (ranks?.Length > 1) { graph.HideBar(); } base.OnHoverLost(e); } private class RankChartLineGraph : LineGraph { private readonly CircularContainer movingBall; private readonly Container bar; private readonly Box ballBg; private readonly Box line; public Action OnBallMove; public RankChartLineGraph() { Add(bar = new Container { Origin = Anchor.TopCentre, RelativeSizeAxes = Axes.Y, AutoSizeAxes = Axes.X, Alpha = 0, RelativePositionAxes = Axes.Both, Children = new Drawable[] { line = new Box { Anchor = Anchor.Centre, Origin = Anchor.Centre, RelativeSizeAxes = Axes.Y, Width = 1.5f, }, movingBall = new CircularContainer { Anchor = Anchor.TopCentre, Origin = Anchor.Centre, Size = new Vector2(18), Masking = true, BorderThickness = 4, RelativePositionAxes = Axes.Y, Child = ballBg = new Box { RelativeSizeAxes = Axes.Both } } } }); } [BackgroundDependencyLoader] private void load(OsuColour colours) { ballBg.Colour = colours.GreySeafoamDarker; movingBall.BorderColour = line.Colour = colours.Yellow; } public void UpdateBallPosition(float mouseXPosition) { int duration = 200; int index = calculateIndex(mouseXPosition); Vector2 position = calculateBallPosition(index); movingBall.MoveToY(position.Y, duration, Easing.OutQuint); bar.MoveToX(position.X, duration, Easing.OutQuint); OnBallMove.Invoke(index); } public void ShowBar() => bar.FadeIn(fade_duration); public void HideBar() => bar.FadeOut(fade_duration); private int calculateIndex(float mouseXPosition) => (int)Math.Round(mouseXPosition / DrawWidth * (DefaultValueCount - 1)); private Vector2 calculateBallPosition(int index) { float y = GetYPosition(Values.ElementAt(index)); return new Vector2(index / (float)(DefaultValueCount - 1), y); } } public string TooltipText => User.Value?.Statistics?.Ranks.Global == null ? "" : $"#{ranks[dayIndex].Value:#,##0}|{ranked_days - ranks[dayIndex].Key + 1}"; public ITooltip GetCustomTooltip() => new RankGraphTooltip(); public class RankGraphTooltip : VisibilityContainer, ITooltip { private readonly OsuSpriteText globalRankingText, timeText; private readonly Box background; public string TooltipText { get; set; } public RankGraphTooltip() { AutoSizeAxes = Axes.Both; Masking = true; CornerRadius = 10; Children = new Drawable[] { background = new Box { RelativeSizeAxes = Axes.Both }, new FillFlowContainer { AutoSizeAxes = Axes.Both, Direction = FillDirection.Vertical, Padding = new MarginPadding(10), Children = new Drawable[] { new FillFlowContainer { AutoSizeAxes = Axes.Both, Direction = FillDirection.Horizontal, Children = new Drawable[] { new OsuSpriteText { Font = OsuFont.GetFont(size: 12, weight: FontWeight.Bold), Text = "Global Ranking " }, globalRankingText = new OsuSpriteText { Font = OsuFont.GetFont(size: 12, weight: FontWeight.Regular), Anchor = Anchor.BottomLeft, Origin = Anchor.BottomLeft, } } }, timeText = new OsuSpriteText { Font = OsuFont.GetFont(size: 12, weight: FontWeight.Regular), } } } }; } [BackgroundDependencyLoader] private void load(OsuColour colours) { background.Colour = colours.GreySeafoamDark; } public void Refresh() { var info = TooltipText.Split('|'); globalRankingText.Text = info[0]; timeText.Text = info[1] == "0" ? "now" : $"{info[1]} days ago"; } private bool instantMove = true; public void Move(Vector2 pos) { if (instantMove) { Position = pos; instantMove = false; } else this.MoveTo(pos, 200, Easing.OutQuint); } protected override void PopIn() => this.FadeIn(200, Easing.OutQuint); protected override void PopOut() => this.FadeOut(200, Easing.OutQuint); } } }