mirror of
https://github.com/ppy/osu.git
synced 2024-11-15 15:17:44 +08:00
509 lines
20 KiB
C#
509 lines
20 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.Collections.Generic;
|
|
using System.Linq;
|
|
using osu.Framework.Allocation;
|
|
using osu.Framework.Extensions.LocalisationExtensions;
|
|
using osu.Framework.Graphics;
|
|
using osu.Framework.Graphics.Colour;
|
|
using osu.Framework.Graphics.Containers;
|
|
using osu.Framework.Graphics.Cursor;
|
|
using osu.Framework.Graphics.Effects;
|
|
using osu.Framework.Graphics.Shapes;
|
|
using osu.Framework.Graphics.UserInterface;
|
|
using osu.Framework.Input.Events;
|
|
using osu.Framework.Localisation;
|
|
using osu.Game.Extensions;
|
|
using osu.Game.Graphics;
|
|
using osu.Game.Graphics.Containers;
|
|
using osu.Game.Graphics.Sprites;
|
|
using osu.Game.Graphics.UserInterface;
|
|
using osu.Game.Online.API.Requests.Responses;
|
|
using osu.Game.Overlays;
|
|
using osu.Game.Resources.Localisation.Web;
|
|
using osu.Game.Rulesets.Mods;
|
|
using osu.Game.Rulesets.UI;
|
|
using osu.Game.Scoring;
|
|
using osu.Game.Screens.Select;
|
|
using osu.Game.Users;
|
|
using osu.Game.Users.Drawables;
|
|
using osu.Game.Utils;
|
|
using osuTK;
|
|
|
|
namespace osu.Game.Online.Leaderboards
|
|
{
|
|
public partial class LeaderboardScoreV2 : OsuClickableContainer, IHasContextMenu, IHasCustomTooltip<ScoreInfo>
|
|
{
|
|
private readonly ScoreInfo score;
|
|
|
|
private const int height = 60;
|
|
private const int corner_radius = 10;
|
|
private const int transition_duration = 200;
|
|
|
|
private readonly int? rank;
|
|
|
|
private readonly bool isPersonalBest;
|
|
|
|
private Colour4 foregroundColour;
|
|
private Colour4 backgroundColour;
|
|
private Colour4 shadowColour;
|
|
|
|
private static readonly Vector2 shear = new Vector2(0.15f, 0);
|
|
|
|
[Resolved]
|
|
private OverlayColourProvider colourProvider { get; set; } = null!;
|
|
|
|
[Resolved]
|
|
private SongSelect? songSelect { get; set; }
|
|
|
|
[Resolved]
|
|
private IDialogOverlay? dialogOverlay { get; set; }
|
|
|
|
[Resolved]
|
|
private ScoreManager scoreManager { get; set; } = null!;
|
|
|
|
private Container content = null!;
|
|
private Box background = null!;
|
|
private Box foreground = null!;
|
|
|
|
private Drawable avatar = null!;
|
|
private ClickableAvatar innerAvatar = null!;
|
|
|
|
private OsuSpriteText nameLabel = null!;
|
|
private List<ScoreComponentLabel> statisticsLabels = null!;
|
|
|
|
protected Container RankContainer { get; private set; } = null!;
|
|
private FillFlowContainer flagBadgeAndDateContainer = null!;
|
|
private FillFlowContainer<ColouredModSwitchTiny> modsContainer = null!;
|
|
|
|
private OsuSpriteText scoreText = null!;
|
|
private Drawable scoreRank = null!;
|
|
|
|
public ITooltip<ScoreInfo> GetCustomTooltip() => new LeaderboardScoreTooltip();
|
|
public virtual ScoreInfo TooltipContent => score;
|
|
|
|
public LeaderboardScoreV2(ScoreInfo score, int? rank, bool isPersonalBest = false)
|
|
{
|
|
this.score = score;
|
|
this.rank = rank;
|
|
this.isPersonalBest = isPersonalBest;
|
|
|
|
Shear = shear;
|
|
RelativeSizeAxes = Axes.X;
|
|
Height = height;
|
|
}
|
|
|
|
[BackgroundDependencyLoader]
|
|
private void load()
|
|
{
|
|
var user = score.User;
|
|
|
|
foregroundColour = isPersonalBest ? colourProvider.Background1 : colourProvider.Background5;
|
|
backgroundColour = isPersonalBest ? colourProvider.Background2 : colourProvider.Background4;
|
|
shadowColour = isPersonalBest ? colourProvider.Background3 : colourProvider.Background6;
|
|
|
|
statisticsLabels = GetStatistics(score).Select(s => new ScoreComponentLabel(s, score)).ToList();
|
|
|
|
Child = content = new Container
|
|
{
|
|
Masking = true,
|
|
CornerRadius = corner_radius,
|
|
RelativeSizeAxes = Axes.Both,
|
|
Children = new Drawable[]
|
|
{
|
|
background = new Box
|
|
{
|
|
RelativeSizeAxes = Axes.Both,
|
|
Colour = backgroundColour
|
|
},
|
|
new GridContainer
|
|
{
|
|
RelativeSizeAxes = Axes.Both,
|
|
ColumnDimensions = new[]
|
|
{
|
|
new Dimension(GridSizeMode.Absolute, 65),
|
|
new Dimension(),
|
|
new Dimension(GridSizeMode.Absolute, 176)
|
|
},
|
|
Content = new[]
|
|
{
|
|
new Drawable[]
|
|
{
|
|
new RankLabel(rank)
|
|
{
|
|
Shear = -shear,
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
RelativeSizeAxes = Axes.Y,
|
|
Width = 35
|
|
},
|
|
createCentreContent(user),
|
|
createRightSideContent()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
innerAvatar.OnLoadComplete += d => d.FadeInFromZero(200);
|
|
|
|
modsContainer.Spacing = new Vector2(modsContainer.Children.Count > 5 ? -20 : 2, 0);
|
|
modsContainer.Padding = new MarginPadding { Top = modsContainer.Children.Count > 0 ? 4 : 0 };
|
|
}
|
|
|
|
private Container createCentreContent(APIUser user) =>
|
|
new Container
|
|
{
|
|
Masking = true,
|
|
CornerRadius = corner_radius,
|
|
RelativeSizeAxes = Axes.Both,
|
|
Children = new Drawable[]
|
|
{
|
|
new Box
|
|
{
|
|
RelativeSizeAxes = Axes.Both,
|
|
Colour = shadowColour,
|
|
},
|
|
new Container
|
|
{
|
|
RelativeSizeAxes = Axes.Both,
|
|
Padding = new MarginPadding { Right = 5 },
|
|
Child = new Container
|
|
{
|
|
Masking = true,
|
|
CornerRadius = corner_radius,
|
|
RelativeSizeAxes = Axes.Both,
|
|
Children = new[]
|
|
{
|
|
foreground = new Box
|
|
{
|
|
RelativeSizeAxes = Axes.Both,
|
|
Colour = foregroundColour
|
|
},
|
|
new UserCoverBackground
|
|
{
|
|
RelativeSizeAxes = Axes.Both,
|
|
User = score.User,
|
|
Colour = ColourInfo.GradientHorizontal(Colour4.White.Opacity(0.5f), Colour4.White.Opacity(0)),
|
|
},
|
|
avatar = new MaskedWrapper(
|
|
innerAvatar = new ClickableAvatar(user)
|
|
{
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
Scale = new Vector2(1.1f),
|
|
Shear = -shear,
|
|
RelativeSizeAxes = Axes.Both,
|
|
})
|
|
{
|
|
RelativeSizeAxes = Axes.None,
|
|
Size = new Vector2(height)
|
|
},
|
|
new FillFlowContainer
|
|
{
|
|
Position = new Vector2(height + 9, 9),
|
|
AutoSizeAxes = Axes.Both,
|
|
Direction = FillDirection.Vertical,
|
|
Children = new Drawable[]
|
|
{
|
|
flagBadgeAndDateContainer = new FillFlowContainer
|
|
{
|
|
Shear = -shear,
|
|
Direction = FillDirection.Horizontal,
|
|
Spacing = new Vector2(5f, 0f),
|
|
AutoSizeAxes = Axes.Both,
|
|
Masking = true,
|
|
Children = new Drawable[]
|
|
{
|
|
new UpdateableFlag(user.CountryCode)
|
|
{
|
|
Anchor = Anchor.CentreLeft,
|
|
Origin = Anchor.CentreLeft,
|
|
Size = new Vector2(24, 16),
|
|
},
|
|
new DateLabel(score.Date)
|
|
{
|
|
Anchor = Anchor.CentreLeft,
|
|
Origin = Anchor.CentreLeft,
|
|
}
|
|
}
|
|
},
|
|
nameLabel = new OsuSpriteText
|
|
{
|
|
Shear = -shear,
|
|
Text = user.Username,
|
|
Font = OsuFont.GetFont(size: 24, weight: FontWeight.SemiBold)
|
|
}
|
|
}
|
|
},
|
|
new FillFlowContainer
|
|
{
|
|
Margin = new MarginPadding { Right = 40 },
|
|
Spacing = new Vector2(25, 0),
|
|
Shear = -shear,
|
|
Anchor = Anchor.CentreRight,
|
|
Origin = Anchor.CentreRight,
|
|
AutoSizeAxes = Axes.Both,
|
|
Direction = FillDirection.Horizontal,
|
|
Children = statisticsLabels
|
|
}
|
|
}
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
private FillFlowContainer createRightSideContent() =>
|
|
new FillFlowContainer
|
|
{
|
|
Padding = new MarginPadding { Left = 11, Right = 15 },
|
|
Y = -5,
|
|
AutoSizeAxes = Axes.Y,
|
|
RelativeSizeAxes = Axes.X,
|
|
Anchor = Anchor.CentreLeft,
|
|
Origin = Anchor.CentreLeft,
|
|
Direction = FillDirection.Vertical,
|
|
Spacing = new Vector2(13, 0f),
|
|
Children = new Drawable[]
|
|
{
|
|
new Container
|
|
{
|
|
AutoSizeAxes = Axes.Y,
|
|
RelativeSizeAxes = Axes.X,
|
|
Children = new Drawable[]
|
|
{
|
|
scoreText = new OsuSpriteText
|
|
{
|
|
Shear = -shear,
|
|
Current = scoreManager.GetBindableTotalScoreString(score),
|
|
|
|
//Does not match figma, adjusted to allow 8 digits to fit comfortably
|
|
Font = OsuFont.GetFont(size: 28, weight: FontWeight.SemiBold, fixedWidth: false),
|
|
},
|
|
RankContainer = new Container
|
|
{
|
|
BypassAutoSizeAxes = Axes.Both,
|
|
Y = 2,
|
|
Shear = -shear,
|
|
Anchor = Anchor.CentreRight,
|
|
Origin = Anchor.CentreRight,
|
|
AutoSizeAxes = Axes.Both,
|
|
Children = new[]
|
|
{
|
|
scoreRank = new UpdateableRank(score.Rank)
|
|
{
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
Size = new Vector2(32)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
modsContainer = new FillFlowContainer<ColouredModSwitchTiny>
|
|
{
|
|
Shear = -shear,
|
|
AutoSizeAxes = Axes.Both,
|
|
Direction = FillDirection.Horizontal,
|
|
ChildrenEnumerable = score.Mods.Select(mod => new ColouredModSwitchTiny(mod) { Scale = new Vector2(0.375f) })
|
|
}
|
|
}
|
|
};
|
|
|
|
protected (CaseTransformableString, LocalisableString DisplayAccuracy)[] GetStatistics(ScoreInfo model) => new[]
|
|
{
|
|
(BeatmapsetsStrings.ShowScoreboardHeadersCombo.ToUpper(), model.MaxCombo.ToString().Insert(model.MaxCombo.ToString().Length, "x")),
|
|
(BeatmapsetsStrings.ShowScoreboardHeadersAccuracy.ToUpper(), model.DisplayAccuracy),
|
|
};
|
|
|
|
public override void Show()
|
|
{
|
|
foreach (var d in new[] { avatar, nameLabel, scoreText, scoreRank, flagBadgeAndDateContainer, modsContainer }.Concat(statisticsLabels))
|
|
d.FadeOut();
|
|
|
|
Alpha = 0;
|
|
|
|
content.MoveToY(75);
|
|
avatar.MoveToX(75);
|
|
nameLabel.MoveToX(150);
|
|
|
|
this.FadeIn(200);
|
|
content.MoveToY(0, 800, Easing.OutQuint);
|
|
|
|
using (BeginDelayedSequence(100))
|
|
{
|
|
avatar.FadeIn(300, Easing.OutQuint);
|
|
nameLabel.FadeIn(350, Easing.OutQuint);
|
|
|
|
avatar.MoveToX(0, 300, Easing.OutQuint);
|
|
nameLabel.MoveToX(0, 350, Easing.OutQuint);
|
|
|
|
using (BeginDelayedSequence(250))
|
|
{
|
|
scoreText.FadeIn(200);
|
|
scoreRank.FadeIn(200);
|
|
|
|
using (BeginDelayedSequence(50))
|
|
{
|
|
var drawables = new Drawable[] { flagBadgeAndDateContainer, modsContainer }.Concat(statisticsLabels).ToArray();
|
|
for (int i = 0; i < drawables.Length; i++)
|
|
drawables[i].FadeIn(100 + i * 50);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
protected override bool OnHover(HoverEvent e)
|
|
{
|
|
updateState();
|
|
return base.OnHover(e);
|
|
}
|
|
|
|
protected override void OnHoverLost(HoverLostEvent e)
|
|
{
|
|
updateState();
|
|
base.OnHoverLost(e);
|
|
}
|
|
|
|
private void updateState()
|
|
{
|
|
foreground.FadeColour(IsHovered ? foregroundColour.Lighten(0.2f) : foregroundColour, transition_duration, Easing.OutQuint);
|
|
background.FadeColour(IsHovered ? backgroundColour.Lighten(0.2f) : backgroundColour, transition_duration, Easing.OutQuint);
|
|
}
|
|
|
|
#region Subclasses
|
|
|
|
private partial class DateLabel : DrawableDate
|
|
{
|
|
public DateLabel(DateTimeOffset date)
|
|
: base(date)
|
|
{
|
|
Font = OsuFont.GetFont(size: 16, weight: FontWeight.Medium, italics: true);
|
|
}
|
|
|
|
protected override string Format() => Date.ToShortRelativeTime(TimeSpan.FromSeconds(30));
|
|
}
|
|
|
|
private partial class ScoreComponentLabel : Container
|
|
{
|
|
private readonly (LocalisableString Name, LocalisableString Value) statisticInfo;
|
|
private readonly ScoreInfo score;
|
|
|
|
private FillFlowContainer content = null!;
|
|
public override bool Contains(Vector2 screenSpacePos) => content.Contains(screenSpacePos);
|
|
|
|
public ScoreComponentLabel((LocalisableString Name, LocalisableString Value) statisticInfo, ScoreInfo score)
|
|
{
|
|
this.statisticInfo = statisticInfo;
|
|
this.score = score;
|
|
}
|
|
|
|
[BackgroundDependencyLoader]
|
|
private void load(OsuColour colours, OverlayColourProvider colourProvider)
|
|
{
|
|
AutoSizeAxes = Axes.Both;
|
|
OsuSpriteText value;
|
|
Child = content = new FillFlowContainer
|
|
{
|
|
AutoSizeAxes = Axes.Both,
|
|
Direction = FillDirection.Vertical,
|
|
Children = new Drawable[]
|
|
{
|
|
new OsuSpriteText
|
|
{
|
|
Colour = colourProvider.Content2,
|
|
Text = statisticInfo.Name,
|
|
Font = OsuFont.GetFont(size: 12, weight: FontWeight.Bold),
|
|
},
|
|
value = new OsuSpriteText
|
|
{
|
|
// We don't want the value setting the horizontal size, since it leads to wonky accuracy container length,
|
|
// since the accuracy is sometimes longer than its name.
|
|
BypassAutoSizeAxes = Axes.X,
|
|
Text = statisticInfo.Value,
|
|
Font = OsuFont.GetFont(size: 19, weight: FontWeight.Medium),
|
|
}
|
|
}
|
|
};
|
|
|
|
if (score.Combo != score.MaxCombo && statisticInfo.Name == BeatmapsetsStrings.ShowScoreboardHeadersCombo)
|
|
value.Colour = colours.Lime1;
|
|
}
|
|
}
|
|
|
|
private partial class RankLabel : Container, IHasTooltip
|
|
{
|
|
public RankLabel(int? rank)
|
|
{
|
|
if (rank >= 1000)
|
|
TooltipText = $"#{rank:N0}";
|
|
|
|
Child = new OsuSpriteText
|
|
{
|
|
Anchor = Anchor.Centre,
|
|
Origin = Anchor.Centre,
|
|
Font = OsuFont.GetFont(size: 20, weight: FontWeight.SemiBold, italics: true),
|
|
Text = rank == null ? "-" : rank.Value.FormatRank().Insert(0, "#")
|
|
};
|
|
}
|
|
|
|
public LocalisableString TooltipText { get; }
|
|
}
|
|
|
|
private partial class MaskedWrapper : DelayedLoadWrapper
|
|
{
|
|
public MaskedWrapper(Drawable content, double timeBeforeLoad = 500)
|
|
: base(content, timeBeforeLoad)
|
|
{
|
|
CornerRadius = corner_radius;
|
|
Masking = true;
|
|
}
|
|
}
|
|
|
|
private sealed partial class ColouredModSwitchTiny : ModSwitchTiny, IHasTooltip
|
|
{
|
|
private readonly IMod mod;
|
|
|
|
public ColouredModSwitchTiny(IMod mod)
|
|
: base(mod)
|
|
{
|
|
this.mod = mod;
|
|
Active.Value = true;
|
|
Masking = true;
|
|
EdgeEffect = new EdgeEffectParameters
|
|
{
|
|
Roundness = 15,
|
|
Type = EdgeEffectType.Shadow,
|
|
Colour = Colour4.Black.Opacity(0.15f),
|
|
Radius = 3,
|
|
Offset = new Vector2(-2, 0)
|
|
};
|
|
}
|
|
|
|
public LocalisableString TooltipText => (mod as Mod)?.IconTooltip ?? mod.Name;
|
|
}
|
|
|
|
#endregion
|
|
|
|
public MenuItem[] ContextMenuItems
|
|
{
|
|
get
|
|
{
|
|
List<MenuItem> items = new List<MenuItem>();
|
|
|
|
if (score.Mods.Length > 0 && modsContainer.Any(s => s.IsHovered) && songSelect != null)
|
|
items.Add(new OsuMenuItem("Use these mods", MenuItemType.Highlighted, () => songSelect.Mods.Value = score.Mods));
|
|
|
|
if (score.Files.Count <= 0) return items.ToArray();
|
|
|
|
items.Add(new OsuMenuItem("Export", MenuItemType.Standard, () => scoreManager.Export(score)));
|
|
items.Add(new OsuMenuItem(CommonStrings.ButtonsDelete, MenuItemType.Destructive, () => dialogOverlay?.Push(new LocalScoreDeleteDialog(score))));
|
|
|
|
return items.ToArray();
|
|
}
|
|
}
|
|
}
|
|
}
|