2019-01-24 16:43:03 +08:00
|
|
|
|
// 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.
|
2018-04-13 17:19:50 +08:00
|
|
|
|
|
|
|
|
|
using System;
|
|
|
|
|
using System.Linq;
|
2018-11-20 15:51:59 +08:00
|
|
|
|
using osuTK;
|
|
|
|
|
using osuTK.Graphics;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Framework.Allocation;
|
2019-02-21 18:04:31 +08:00
|
|
|
|
using osu.Framework.Bindables;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Framework.Extensions;
|
|
|
|
|
using osu.Framework.Extensions.Color4Extensions;
|
|
|
|
|
using osu.Framework.Graphics;
|
|
|
|
|
using osu.Framework.Graphics.Shapes;
|
|
|
|
|
using osu.Framework.Graphics.Sprites;
|
|
|
|
|
using osu.Framework.Graphics.UserInterface;
|
2018-10-02 11:02:47 +08:00
|
|
|
|
using osu.Framework.Input.Events;
|
2020-01-09 12:43:44 +08:00
|
|
|
|
using osu.Framework.Utils;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Game.Graphics.Sprites;
|
|
|
|
|
|
|
|
|
|
namespace osu.Game.Graphics.UserInterface
|
|
|
|
|
{
|
|
|
|
|
public class OsuTabControl<T> : TabControl<T>
|
|
|
|
|
{
|
2020-01-26 17:57:19 +08:00
|
|
|
|
private Color4 accentColour;
|
2020-01-22 14:36:16 +08:00
|
|
|
|
|
2020-07-09 12:47:11 +08:00
|
|
|
|
public const float HORIZONTAL_SPACING = 10;
|
|
|
|
|
|
2020-01-26 22:21:22 +08:00
|
|
|
|
public virtual Color4 AccentColour
|
2020-01-22 14:36:16 +08:00
|
|
|
|
{
|
2020-01-26 17:57:19 +08:00
|
|
|
|
get => accentColour;
|
2020-01-24 15:31:47 +08:00
|
|
|
|
set
|
|
|
|
|
{
|
2020-01-26 17:57:19 +08:00
|
|
|
|
accentColour = value;
|
2020-01-24 15:31:47 +08:00
|
|
|
|
|
2020-01-26 22:21:22 +08:00
|
|
|
|
if (Dropdown is IHasAccentColour dropdown)
|
|
|
|
|
dropdown.AccentColour = value;
|
|
|
|
|
foreach (var i in TabContainer.Children.OfType<IHasAccentColour>())
|
|
|
|
|
i.AccentColour = value;
|
2020-01-24 15:31:47 +08:00
|
|
|
|
}
|
2020-01-22 14:36:16 +08:00
|
|
|
|
}
|
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
private readonly Box strip;
|
|
|
|
|
|
2020-02-18 04:56:35 +08:00
|
|
|
|
protected override Dropdown<T> CreateDropdown() => new OsuTabDropdown<T>();
|
2018-04-13 17:19:50 +08:00
|
|
|
|
|
|
|
|
|
protected override TabItem<T> CreateTabItem(T value) => new OsuTabItem(value);
|
|
|
|
|
|
2020-01-02 13:19:31 +08:00
|
|
|
|
protected virtual float StripWidth => TabContainer.Children.Sum(c => c.IsPresent ? c.DrawWidth + TabContainer.Spacing.X : 0) - TabContainer.Spacing.X;
|
|
|
|
|
|
2019-08-12 23:14:37 +08:00
|
|
|
|
/// <summary>
|
2019-11-17 20:48:23 +08:00
|
|
|
|
/// Whether entries should be automatically populated if <typeparamref name="T"/> is an <see cref="Enum"/> type.
|
2019-08-12 23:14:37 +08:00
|
|
|
|
/// </summary>
|
|
|
|
|
protected virtual bool AddEnumEntriesAutomatically => true;
|
2019-08-12 17:33:01 +08:00
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
private static bool isEnumType => typeof(T).IsEnum;
|
|
|
|
|
|
|
|
|
|
public OsuTabControl()
|
|
|
|
|
{
|
2020-07-09 12:47:11 +08:00
|
|
|
|
TabContainer.Spacing = new Vector2(HORIZONTAL_SPACING, 0f);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
|
2018-07-31 16:26:54 +08:00
|
|
|
|
AddInternal(strip = new Box
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.BottomLeft,
|
|
|
|
|
Origin = Anchor.BottomLeft,
|
2020-01-03 14:35:18 +08:00
|
|
|
|
Height = 1,
|
2018-04-13 17:19:50 +08:00
|
|
|
|
Colour = Color4.White.Opacity(0),
|
|
|
|
|
});
|
|
|
|
|
|
2019-08-12 23:14:37 +08:00
|
|
|
|
if (isEnumType && AddEnumEntriesAutomatically)
|
2019-11-11 19:53:22 +08:00
|
|
|
|
{
|
2018-04-13 17:19:50 +08:00
|
|
|
|
foreach (var val in (T[])Enum.GetValues(typeof(T)))
|
|
|
|
|
AddItem(val);
|
2019-11-11 19:53:22 +08:00
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[BackgroundDependencyLoader]
|
|
|
|
|
private void load(OsuColour colours)
|
|
|
|
|
{
|
2020-01-26 21:49:39 +08:00
|
|
|
|
if (accentColour == default)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
AccentColour = colours.Blue;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public Color4 StripColour
|
|
|
|
|
{
|
|
|
|
|
get => strip.Colour;
|
|
|
|
|
set => strip.Colour = value;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
protected override void UpdateAfterChildren()
|
|
|
|
|
{
|
|
|
|
|
base.UpdateAfterChildren();
|
|
|
|
|
|
|
|
|
|
// dont bother calculating if the strip is invisible
|
|
|
|
|
if (strip.Colour.MaxAlpha > 0)
|
2020-01-02 13:19:31 +08:00
|
|
|
|
strip.Width = Interpolation.ValueAt(Math.Clamp(Clock.ElapsedFrameTime, 0, 1000), strip.Width, StripWidth, 0, 500, Easing.OutQuint);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public class OsuTabItem : TabItem<T>, IHasAccentColour
|
|
|
|
|
{
|
|
|
|
|
protected readonly SpriteText Text;
|
|
|
|
|
protected readonly Box Bar;
|
|
|
|
|
|
|
|
|
|
private Color4 accentColour;
|
2019-02-28 12:31:40 +08:00
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
public Color4 AccentColour
|
|
|
|
|
{
|
2019-02-28 12:58:19 +08:00
|
|
|
|
get => accentColour;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
accentColour = value;
|
2019-02-21 17:56:34 +08:00
|
|
|
|
if (!Active.Value)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
Text.Colour = value;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private const float transition_length = 500;
|
|
|
|
|
|
2020-03-26 21:19:36 +08:00
|
|
|
|
protected void FadeHovered()
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
Bar.FadeIn(transition_length, Easing.OutQuint);
|
|
|
|
|
Text.FadeColour(Color4.White, transition_length, Easing.OutQuint);
|
|
|
|
|
}
|
|
|
|
|
|
2020-03-26 21:19:36 +08:00
|
|
|
|
protected void FadeUnhovered()
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2020-09-18 14:09:09 +08:00
|
|
|
|
Bar.FadeTo(IsHovered ? 1 : 0, transition_length, Easing.OutQuint);
|
|
|
|
|
Text.FadeColour(IsHovered ? Color4.White : AccentColour, transition_length, Easing.OutQuint);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
2018-10-02 11:02:47 +08:00
|
|
|
|
protected override bool OnHover(HoverEvent e)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2019-02-21 17:56:34 +08:00
|
|
|
|
if (!Active.Value)
|
2020-03-26 21:19:36 +08:00
|
|
|
|
FadeHovered();
|
2018-04-13 17:19:50 +08:00
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
2018-10-02 11:02:47 +08:00
|
|
|
|
protected override void OnHoverLost(HoverLostEvent e)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
2019-02-21 17:56:34 +08:00
|
|
|
|
if (!Active.Value)
|
2020-03-26 21:19:36 +08:00
|
|
|
|
FadeUnhovered();
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[BackgroundDependencyLoader]
|
|
|
|
|
private void load(OsuColour colours)
|
|
|
|
|
{
|
2018-10-16 10:40:51 +08:00
|
|
|
|
if (accentColour == default)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
AccentColour = colours.Blue;
|
|
|
|
|
}
|
|
|
|
|
|
2019-02-28 12:31:40 +08:00
|
|
|
|
public OsuTabItem(T value)
|
|
|
|
|
: base(value)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
{
|
|
|
|
|
AutoSizeAxes = Axes.X;
|
|
|
|
|
RelativeSizeAxes = Axes.Y;
|
|
|
|
|
|
|
|
|
|
Children = new Drawable[]
|
|
|
|
|
{
|
|
|
|
|
Text = new OsuSpriteText
|
|
|
|
|
{
|
|
|
|
|
Margin = new MarginPadding { Top = 5, Bottom = 5 },
|
|
|
|
|
Origin = Anchor.BottomLeft,
|
|
|
|
|
Anchor = Anchor.BottomLeft,
|
2021-06-16 14:58:07 +08:00
|
|
|
|
Text = (value as IHasDescription)?.Description ?? (value as Enum)?.GetLocalisableDescription() ?? value.ToString(),
|
2019-02-12 12:04:46 +08:00
|
|
|
|
Font = OsuFont.GetFont(size: 14)
|
2018-04-13 17:19:50 +08:00
|
|
|
|
},
|
|
|
|
|
Bar = new Box
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
Height = 1,
|
|
|
|
|
Alpha = 0,
|
|
|
|
|
Colour = Color4.White,
|
|
|
|
|
Origin = Anchor.BottomLeft,
|
|
|
|
|
Anchor = Anchor.BottomLeft,
|
|
|
|
|
},
|
|
|
|
|
new HoverClickSounds()
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2020-03-26 21:19:36 +08:00
|
|
|
|
protected override void OnActivated()
|
|
|
|
|
{
|
|
|
|
|
Text.Font = Text.Font.With(weight: FontWeight.Bold);
|
|
|
|
|
FadeHovered();
|
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
|
2020-03-26 21:19:36 +08:00
|
|
|
|
protected override void OnDeactivated()
|
|
|
|
|
{
|
|
|
|
|
Text.Font = Text.Font.With(weight: FontWeight.Medium);
|
|
|
|
|
FadeUnhovered();
|
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|