implement PreviousUsernamesContainer

osu.Game.Tests/Visual/Online/TestScenePreviousUsernamesContainer.cs

@@ -0,0 +1,52 @@
+// 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 NUnit.Framework;
+using osu.Framework.Bindables;
+using osu.Framework.Graphics;
+using osu.Game.Overlays.Profile.Header;
+using osu.Game.Users;
+
+namespace osu.Game.Tests.Visual.Online
+{
+    [TestFixture]
+    public class TestScenePreviousUsernamesContainer : OsuTestScene
+    {
+        public TestScenePreviousUsernamesContainer()
+        {
+            Bindable<User> user = new Bindable<User>();
+
+            Child = new PreviousUsernamesContainer
+            {
+                Anchor = Anchor.Centre,
+                Origin = Anchor.Centre,
+                User = { BindTarget = user },
+            };
+
+            AddStep("single username", () => user.Value = new User
+            {
+                PreviousUsernames = new[] { "username1" },
+            });
+
+            AddStep("two usernames", () => user.Value = new User
+            {
+                PreviousUsernames = new[] { "longusername", "longerusername" },
+            });
+
+            AddStep("three usernames", () => user.Value = new User
+            {
+                PreviousUsernames = new[] { "test", "angelsim", "verylongusername" },
+            });
+
+            AddStep("four usernames", () => user.Value = new User
+            {
+                PreviousUsernames = new[] { "ihavenoidea", "howcani", "makethistext" , "anylonger" },
+            });
+
+            AddStep("no username", () => user.Value = new User
+            {
+                PreviousUsernames = new string[0],
+            });
+        }
+    }
+}

osu.Game/Overlays/Profile/Header/PreviousUsernamesContainer.cs

@@ -0,0 +1,179 @@
+// 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 osu.Framework.Allocation;
+using osu.Framework.Bindables;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Framework.Graphics.Sprites;
+using osu.Framework.Input.Events;
+using osu.Game.Graphics;
+using osu.Game.Users;
+using osuTK;
+using System;
+using System.Linq;
+
+namespace osu.Game.Overlays.Profile.Header
+{
+    public class PreviousUsernamesContainer : Container
+    {
+        private const int duration = 200;
+        private const int margin = 10;
+        private const int width = 350;
+        private const int move_offset = 30;
+
+        public readonly Bindable<User> User = new Bindable<User>();
+
+        private readonly HoverIconContainer hoverIcon;
+        private readonly ContentContainer contentContainer;
+
+        public PreviousUsernamesContainer()
+        {
+            AutoSizeAxes = Axes.Y;
+            Width = width;
+            Children = new Drawable[]
+            {
+                contentContainer = new ContentContainer(),
+                hoverIcon = new HoverIconContainer(),
+            };
+
+            hoverIcon.ActivateHover += () =>
+            {
+                contentContainer.Show();
+                this.MoveToY(-move_offset, duration, Easing.OutQuint);
+            };
+
+            User.BindValueChanged(onUserChanged);
+        }
+
+        private void onUserChanged(ValueChangedEvent<User> user)
+        {
+            contentContainer.Clear();
+
+            var usernames = user.NewValue.PreviousUsernames;
+
+            if (usernames.Any())
+            {
+                var amount = usernames.Count();
+
+                for (int i = 0; i < amount; i++)
+                {
+                    string text = (i + 1 == amount) ? usernames[i] : $@"{usernames[i]},";
+
+                    contentContainer.Usernames.AddText(new SpriteText
+                    {
+                        Font = OsuFont.GetFont(weight: FontWeight.Bold, italics: true),
+                        Text = text,
+                    });
+                }
+
+                Show();
+                return;
+            }
+
+            Hide();
+        }
+
+        protected override void OnHoverLost(HoverLostEvent e)
+        {
+            base.OnHoverLost(e);
+            contentContainer.Hide();
+            this.MoveToY(0, duration, Easing.OutQuint);
+        }
+
+        private class ContentContainer : VisibilityContainer
+        {
+            private const int header_height = 25;
+            private const int content_padding = 60;
+
+            public readonly TextFlowContainer Usernames;
+
+            private readonly Box background;
+
+            public ContentContainer()
+            {
+                AutoSizeAxes = Axes.Y;
+                RelativeSizeAxes = Axes.X;
+                Masking = true;
+                AlwaysPresent = true;
+                CornerRadius = 5;
+                Children = new Drawable[]
+                {
+                    background = new Box
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                    },
+                    new FillFlowContainer
+                    {
+                        RelativeSizeAxes = Axes.X,
+                        AutoSizeAxes = Axes.Y,
+                        Direction = FillDirection.Vertical,
+                        Spacing = new Vector2(0, 5),
+                        Children = new Drawable[]
+                        {
+                            new Container
+                            {
+                                RelativeSizeAxes = Axes.X,
+                                Height = header_height,
+                                Children = new Drawable[]
+                                {
+                                    new SpriteText
+                                    {
+                                        Anchor = Anchor.BottomLeft,
+                                        Origin = Anchor.BottomLeft,
+                                        Padding = new MarginPadding { Left = content_padding },
+                                        Text = @"formerly known as",
+                                        Font = OsuFont.GetFont(size: 14, italics: true)
+                                    }
+                                }
+                            },
+                            Usernames = new TextFlowContainer
+                            {
+                                RelativeSizeAxes = Axes.X,
+                                AutoSizeAxes = Axes.Y,
+                                Direction = FillDirection.Full,
+                                Spacing = new Vector2(5, 5),
+                                Padding = new MarginPadding { Left = content_padding, Bottom = margin },
+                            },
+                        }
+                    }
+                };
+            }
+
+            [BackgroundDependencyLoader]
+            private void load(OsuColour colours)
+            {
+                background.Colour = colours.GreySeafoamDarker;
+            }
+
+            public override void Clear(bool disposeChildren) => Usernames.Clear(disposeChildren);
+
+            protected override void PopIn() => this.FadeIn(duration, Easing.OutQuint);
+
+            protected override void PopOut() => this.FadeOut(duration, Easing.OutQuint);
+        }
+
+        private class HoverIconContainer : Container
+        {
+            public Action ActivateHover;
+
+            public HoverIconContainer()
+            {
+                AutoSizeAxes = Axes.Both;
+                Child = new SpriteIcon
+                {
+                    Margin = new MarginPadding(margin) { Top = 7 },
+                    Size = new Vector2(20),
+                    Icon = FontAwesome.Solid.IdCard,
+                };
+            }
+
+            protected override bool OnHover(HoverEvent e)
+            {
+                ActivateHover?.Invoke();
+                return base.OnHover(e);
+            }
+        }
+    }
+}