Add basic tooltip for leaderboard scores

osu.Game/Online/Leaderboards/LeaderboardScore.cs

@@ -32,7 +32,7 @@ using osu.Game.Utils;
 
 namespace osu.Game.Online.Leaderboards
 {
-    public class LeaderboardScore : OsuClickableContainer, IHasContextMenu
+    public class LeaderboardScore : OsuClickableContainer, IHasContextMenu, IHasCustomTooltip<ScoreInfo>
     {
         public const float HEIGHT = 60;
 
@@ -70,6 +70,9 @@ namespace osu.Game.Online.Leaderboards
         [Resolved]
         private Storage storage { get; set; }
 
+        public ITooltip<ScoreInfo> GetCustomTooltip() => new LeaderboardScoreTooltip();
+        public ScoreInfo TooltipContent => Score;
+
         public LeaderboardScore(ScoreInfo score, int? rank, bool isOnlineScope = true)
         {
             Score = score;

osu.Game/Online/Leaderboards/LeaderboardScoreTooltip.cs

@@ -0,0 +1,225 @@
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Shapes;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Cursor;
+using osu.Game.Scoring;
+using osuTK;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Graphics;
+using osu.Framework.Allocation;
+using osu.Framework.Extensions.Color4Extensions;
+using osu.Game.Rulesets.Scoring;
+using osu.Game.Rulesets.Mods;
+using osu.Game.Rulesets.UI;
+
+namespace osu.Game.Online.Leaderboards
+{
+    public class LeaderboardScoreTooltip : VisibilityContainer, ITooltip<ScoreInfo>
+    {
+        private OsuSpriteText timestampLabel;
+        private FillFlowContainer<HitResultCell> topScoreStatistics;
+        private FillFlowContainer<HitResultCell> bottomScoreStatistics;
+        private FillFlowContainer<ModCell> modStatistics;
+
+        public LeaderboardScoreTooltip()
+        {
+            AutoSizeAxes = Axes.Both;
+            Masking = true;
+            CornerRadius = 5;
+
+            InternalChildren = new Drawable[]
+            {
+                new Box
+                {
+                    RelativeSizeAxes = Axes.Both,
+                    Alpha = 0.7f,
+                    Colour = Colour4.Black,
+                },
+                new GridContainer
+                {
+                    Margin = new MarginPadding(5f),
+                    AutoSizeAxes = Axes.Both,
+                    RowDimensions = new[]
+                    {
+                        new Dimension(GridSizeMode.AutoSize),
+                        new Dimension(GridSizeMode.AutoSize),
+                        new Dimension(GridSizeMode.AutoSize),
+                        new Dimension(GridSizeMode.AutoSize),
+                    },
+                    ColumnDimensions = new[]
+                    {
+                        new Dimension(GridSizeMode.AutoSize),
+                    },
+                    Content = new[]
+                    {
+                        // Info row
+                        new Drawable[]
+                        {
+                            timestampLabel = new OsuSpriteText()
+                            {
+                                Font = OsuFont.GetFont(size: 12, weight: FontWeight.SemiBold),
+                            }
+                        },
+                        // Mods row
+                        new Drawable[]
+                        {
+                            modStatistics = new FillFlowContainer<ModCell>
+                            {
+                                AutoSizeAxes = Axes.Both,
+                                Direction = FillDirection.Horizontal,
+                            }
+                        },
+                        // Actual stats rows
+                        new Drawable[]
+                        {
+                            topScoreStatistics = new FillFlowContainer<HitResultCell>
+                            {
+                                AutoSizeAxes = Axes.Both,
+                                Direction = FillDirection.Horizontal,
+                            }
+                        },
+                        new Drawable[]
+                        {
+                            bottomScoreStatistics = new FillFlowContainer<HitResultCell>
+                            {
+                                AutoSizeAxes = Axes.Both,
+                                Direction = FillDirection.Horizontal,
+                            }
+                        },
+                    }
+                }
+            };
+        }
+
+        private ScoreInfo currentScore;
+
+        public void SetContent(ScoreInfo score)
+        {
+            if (currentScore == score)
+                return;
+            currentScore = score;
+
+            timestampLabel.Text = $"Played on {score.Date.ToLocalTime():d MMMM yyyy HH:mm}";
+
+            modStatistics.Clear();
+            topScoreStatistics.Clear();
+            bottomScoreStatistics.Clear();
+
+            foreach (var mod in score.Mods)
+            {
+                modStatistics.Add(new ModCell(mod));
+            }
+
+            foreach (var result in score.GetStatisticsForDisplay())
+            {
+                (result.Result > HitResult.Perfect
+                    ? bottomScoreStatistics
+                    : topScoreStatistics
+                ).Add(new HitResultCell(result));
+            }
+        }
+
+        protected override void PopIn() => this.FadeIn(20, Easing.OutQuint);
+        protected override void PopOut() => this.FadeOut(80, Easing.OutQuint);
+
+        public void Move(Vector2 pos) => Position = pos;
+
+        private class HitResultCell : CompositeDrawable
+        {
+            readonly private string DisplayName;
+            readonly private HitResult Result;
+            readonly private int Count;
+
+            public HitResultCell(HitResultDisplayStatistic stat)
+            {
+                AutoSizeAxes = Axes.Both;
+                Padding = new MarginPadding{ Horizontal = 5f };
+
+                DisplayName = stat.DisplayName;
+                Result = stat.Result;
+                Count = stat.Count;
+            }
+
+            [BackgroundDependencyLoader]
+            private void load(OsuColour colours)
+            {
+                InternalChild = new FillFlowContainer
+                {
+                    Height = 12,
+                    AutoSizeAxes = Axes.X,
+                    Direction = FillDirection.Horizontal,
+                    Spacing = new Vector2(2f, 0f),
+                    Children = new Drawable[]
+                    {
+                        new CircularContainer
+                        {
+                            AutoSizeAxes = Axes.X,
+                            RelativeSizeAxes = Axes.Y,
+                            Masking = true,
+                            Children = new Drawable[]
+                            {
+                                new Box
+                                {
+                                    RelativeSizeAxes = Axes.Both,
+                                    Colour = Color4Extensions.FromHex("#222")
+                                },
+                                new OsuSpriteText
+                                {
+                                    Padding = new MarginPadding{ Horizontal = 2f },
+                                    Anchor = Anchor.Centre,
+                                    Origin = Anchor.Centre,
+                                    Font = OsuFont.Torus.With(size: 12, weight: FontWeight.SemiBold),
+                                    Text = DisplayName.ToUpperInvariant(),
+                                    Colour = colours.ForHitResult(Result),
+                                }
+                            }
+                        },
+                        new OsuSpriteText
+                        {
+                            RelativeSizeAxes = Axes.Y,
+                            Font = OsuFont.GetFont(size: 12, weight: FontWeight.SemiBold),
+                            Text = Count.ToString(),
+                        },
+                    }
+                };
+            }
+        }
+
+        private class ModCell : CompositeDrawable
+        {
+            readonly private Mod Mod;
+
+            public ModCell(Mod mod)
+            {
+                AutoSizeAxes = Axes.Both;
+                Padding = new MarginPadding{ Horizontal = 5f };
+                Mod = mod;
+            }
+
+            [BackgroundDependencyLoader]
+            private void load()
+            {
+                InternalChild = new FillFlowContainer
+                {
+                    Height = 15,
+                    AutoSizeAxes = Axes.X,
+                    Direction = FillDirection.Horizontal,
+                    Spacing = new Vector2(2f, 0f),
+                    Children = new Drawable[]
+                    {
+                        new ModIcon(Mod, showTooltip: false).With(icon =>
+                        {
+                            icon.Scale = new Vector2(15f / icon.Height);
+                        }),
+                        new OsuSpriteText
+                        {
+                            RelativeSizeAxes = Axes.Y,
+                            Font = OsuFont.GetFont(size: 12, weight: FontWeight.SemiBold),
+                            Text = Mod.SettingDescription,
+                        }
+                    }
+                };
+            }
+        }
+    }
+}