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
|
|
|
|
|
2018-12-20 20:06:40 +08:00
|
|
|
|
using System;
|
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;
|
2021-08-16 17:58:26 +08:00
|
|
|
|
using osu.Framework.Extensions.Color4Extensions;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Framework.Graphics;
|
|
|
|
|
using osu.Framework.Graphics.Containers;
|
2019-04-02 13:51:28 +08:00
|
|
|
|
using osu.Framework.Graphics.Effects;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
using osu.Framework.Graphics.Shapes;
|
|
|
|
|
using osu.Framework.Graphics.UserInterface;
|
|
|
|
|
|
|
|
|
|
namespace osu.Game.Graphics.UserInterface
|
|
|
|
|
{
|
|
|
|
|
public class Nub : CircularContainer, IHasCurrentValue<bool>, IHasAccentColour
|
|
|
|
|
{
|
|
|
|
|
public const float COLLAPSED_SIZE = 20;
|
|
|
|
|
public const float EXPANDED_SIZE = 40;
|
|
|
|
|
|
|
|
|
|
private const float border_width = 3;
|
|
|
|
|
|
2021-08-11 11:33:14 +08:00
|
|
|
|
private const double animate_in_duration = 150;
|
|
|
|
|
private const double animate_out_duration = 500;
|
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
public Nub()
|
|
|
|
|
{
|
|
|
|
|
Box fill;
|
|
|
|
|
|
|
|
|
|
Size = new Vector2(COLLAPSED_SIZE, 12);
|
|
|
|
|
|
|
|
|
|
BorderColour = Color4.White;
|
|
|
|
|
BorderThickness = border_width;
|
|
|
|
|
|
|
|
|
|
Masking = true;
|
|
|
|
|
|
|
|
|
|
Children = new[]
|
|
|
|
|
{
|
|
|
|
|
fill = new Box
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.Both,
|
|
|
|
|
Alpha = 0,
|
|
|
|
|
AlwaysPresent = true,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
|
2021-02-04 13:14:27 +08:00
|
|
|
|
Current.ValueChanged += filled => fill.FadeTo(filled.NewValue ? 1 : 0, 200, Easing.OutQuint);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[BackgroundDependencyLoader]
|
|
|
|
|
private void load(OsuColour colours)
|
|
|
|
|
{
|
|
|
|
|
AccentColour = colours.Pink;
|
|
|
|
|
GlowingAccentColour = colours.PinkLighter;
|
|
|
|
|
GlowColour = colours.PinkDarker;
|
|
|
|
|
|
|
|
|
|
EdgeEffect = new EdgeEffectParameters
|
|
|
|
|
{
|
2021-08-16 17:58:26 +08:00
|
|
|
|
Colour = GlowColour.Opacity(0),
|
2018-04-13 17:19:50 +08:00
|
|
|
|
Type = EdgeEffectType.Glow,
|
|
|
|
|
Radius = 10,
|
|
|
|
|
Roundness = 8,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private bool glowing;
|
2019-02-28 12:31:40 +08:00
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
public bool Glowing
|
|
|
|
|
{
|
2019-02-28 12:58:19 +08:00
|
|
|
|
get => glowing;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
glowing = value;
|
|
|
|
|
|
|
|
|
|
if (value)
|
|
|
|
|
{
|
2021-08-11 11:33:14 +08:00
|
|
|
|
this.FadeColour(GlowingAccentColour, animate_in_duration, Easing.OutQuint);
|
|
|
|
|
FadeEdgeEffectTo(1, animate_in_duration, Easing.OutQuint);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
2021-08-11 11:33:14 +08:00
|
|
|
|
FadeEdgeEffectTo(0, animate_out_duration);
|
|
|
|
|
this.FadeColour(AccentColour, animate_out_duration);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public bool Expanded
|
|
|
|
|
{
|
2021-08-11 11:33:14 +08:00
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
if (value)
|
|
|
|
|
this.ResizeTo(new Vector2(EXPANDED_SIZE, 12), animate_in_duration, Easing.OutQuint);
|
|
|
|
|
else
|
|
|
|
|
this.ResizeTo(new Vector2(COLLAPSED_SIZE, 12), animate_out_duration, Easing.OutQuint);
|
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
2018-12-20 20:06:40 +08:00
|
|
|
|
private readonly Bindable<bool> current = new Bindable<bool>();
|
|
|
|
|
|
|
|
|
|
public Bindable<bool> Current
|
|
|
|
|
{
|
|
|
|
|
get => current;
|
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
if (value == null)
|
|
|
|
|
throw new ArgumentNullException(nameof(value));
|
|
|
|
|
|
|
|
|
|
current.UnbindBindings();
|
|
|
|
|
current.BindTo(value);
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-04-13 17:19:50 +08:00
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
if (!Glowing)
|
|
|
|
|
Colour = value;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private Color4 glowingAccentColour;
|
2019-02-28 12:31:40 +08:00
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
public Color4 GlowingAccentColour
|
|
|
|
|
{
|
2019-02-28 12:58:19 +08:00
|
|
|
|
get => glowingAccentColour;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
glowingAccentColour = value;
|
|
|
|
|
if (Glowing)
|
|
|
|
|
Colour = value;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private Color4 glowColour;
|
2019-02-28 12:31:40 +08:00
|
|
|
|
|
2018-04-13 17:19:50 +08:00
|
|
|
|
public Color4 GlowColour
|
|
|
|
|
{
|
2019-02-28 12:58:19 +08:00
|
|
|
|
get => glowColour;
|
2018-04-13 17:19:50 +08:00
|
|
|
|
set
|
|
|
|
|
{
|
|
|
|
|
glowColour = value;
|
|
|
|
|
|
|
|
|
|
var effect = EdgeEffect;
|
2021-08-20 11:33:19 +08:00
|
|
|
|
effect.Colour = Glowing ? value : value.Opacity(0);
|
2018-04-13 17:19:50 +08:00
|
|
|
|
EdgeEffect = effect;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|