// Copyright (c) 2007-2018 ppy Pty Ltd . // Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE using osuTK; using osuTK.Graphics; using osu.Framework.Allocation; using osu.Framework.Configuration; using osu.Framework.Graphics; using osu.Framework.Graphics.Containers; using osu.Framework.Graphics.Shapes; using osu.Framework.Graphics.UserInterface; namespace osu.Game.Graphics.UserInterface { public class Nub : CircularContainer, IHasCurrentValue, IHasAccentColour { public const float COLLAPSED_SIZE = 20; public const float EXPANDED_SIZE = 40; private const float border_width = 3; 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, }, }; Current.ValueChanged += newValue => { if (newValue) fill.FadeIn(200, Easing.OutQuint); else fill.FadeTo(0.01f, 200, Easing.OutQuint); //todo: remove once we figure why containers aren't drawing at all times }; } [BackgroundDependencyLoader] private void load(OsuColour colours) { AccentColour = colours.Pink; GlowingAccentColour = colours.PinkLighter; GlowColour = colours.PinkDarker; EdgeEffect = new EdgeEffectParameters { Colour = GlowColour, Type = EdgeEffectType.Glow, Radius = 10, Roundness = 8, }; } protected override void LoadComplete() { FadeEdgeEffectTo(0); } private bool glowing; public bool Glowing { get { return glowing; } set { glowing = value; if (value) { this.FadeColour(GlowingAccentColour, 500, Easing.OutQuint); FadeEdgeEffectTo(1, 500, Easing.OutQuint); } else { FadeEdgeEffectTo(0, 500); this.FadeColour(AccentColour, 500); } } } public bool Expanded { set { this.ResizeTo(new Vector2(value ? EXPANDED_SIZE : COLLAPSED_SIZE, 12), 500, Easing.OutQuint); } } public Bindable Current { get; } = new Bindable(); private Color4 accentColour; public Color4 AccentColour { get { return accentColour; } set { accentColour = value; if (!Glowing) Colour = value; } } private Color4 glowingAccentColour; public Color4 GlowingAccentColour { get { return glowingAccentColour; } set { glowingAccentColour = value; if (Glowing) Colour = value; } } private Color4 glowColour; public Color4 GlowColour { get { return glowColour; } set { glowColour = value; var effect = EdgeEffect; effect.Colour = value; EdgeEffect = effect; } } } }