Add an implementation of the new design of checkboxes.

osu.Game/Overlays/Options/CheckBoxOption.cs

@@ -1,10 +1,19 @@
 using System;
+using osu.Framework;
 using osu.Framework.Configuration;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Primitives;
+using osu.Framework.Graphics.Sprites;
+using osu.Framework.Graphics.Transformations;
 using osu.Framework.Graphics.UserInterface;
+using OpenTK;
+using OpenTK.Graphics;
+using osu.Framework.Input;
 
 namespace osu.Game.Overlays.Options
 {
-    public class CheckBoxOption : BasicCheckBox
+    public class CheckBoxOption : CheckBox
     {
         private Bindable<bool> bindable;
 
@@ -25,6 +34,50 @@ namespace osu.Game.Overlays.Options
             }
         }
 
+        public Color4 CheckedColor { get; set; } = Color4.Cyan;
+        public Color4 UncheckedColor { get; set; } = Color4.White;
+        public int FadeDuration { get; set; }
+
+        public string LabelText
+        {
+            get { return labelSpriteText?.Text; }
+            set
+            {
+                if (labelSpriteText != null)
+                    labelSpriteText.Text = value;
+            }
+        }
+
+        public MarginPadding LabelPadding
+        {
+            get { return labelSpriteText?.Padding ?? new MarginPadding(); }
+            set
+            {
+                if (labelSpriteText != null)
+                    labelSpriteText.Padding = value;
+            }
+        }
+
+        private Light light;
+        private SpriteText labelSpriteText;
+
+        public CheckBoxOption()
+        {
+            AutoSizeAxes = Axes.Y;
+            RelativeSizeAxes = Axes.X;
+
+            Children = new Drawable[]
+            {
+                labelSpriteText = new SpriteText(),
+                light = new Light()
+                {
+                    Anchor = Anchor.CentreRight,
+                    Origin = Anchor.CentreRight,
+                    Margin = new MarginPadding { Right = 5 },
+                }
+            };
+        }
+
         private void bindableValueChanged(object sender, EventArgs e)
         {
             State = bindable.Value ? CheckBoxState.Checked : CheckBoxState.Unchecked;
@@ -37,18 +90,114 @@ namespace osu.Game.Overlays.Options
             base.Dispose(isDisposing);
         }
 
+        protected override bool OnHover(InputState state)
+        {
+            light.TriggerHover(state);
+            return base.OnHover(state);
+        }
+
+        protected override void OnHoverLost(InputState state)
+        {
+            light.TriggerHoverLost(state);
+            base.OnHoverLost(state);
+        }
+
         protected override void OnChecked()
         {
             if (bindable != null)
                 bindable.Value = true;
-            base.OnChecked();
+
+            light.State = CheckBoxState.Checked;
         }
 
         protected override void OnUnchecked()
         {
             if (bindable != null)
                 bindable.Value = false;
-            base.OnUnchecked();
+
+            light.State = CheckBoxState.Unchecked;
         }
+
+        private class Light : Container, IStateful<CheckBoxState>
+        {
+            private Box fill;
+
+            const float border_width = 3;
+
+            Color4 hoverColour = new Color4(255, 221, 238, 255);
+            Color4 defaultColour = new Color4(255, 102, 170, 255);
+            Color4 glowColour = new Color4(187, 17, 119, 0);
+
+            public Light()
+            {
+                Size = new Vector2(40, 12);
+
+                Masking = true;
+
+                Colour = defaultColour;
+
+                EdgeEffect = new EdgeEffect
+                {
+                    Colour = glowColour,
+                    Type = EdgeEffectType.Glow,
+                    Radius = 10,
+                    Roundness = 8,
+                };
+
+                CornerRadius = Height / 2;
+                Masking = true;
+                BorderColour = Color4.White;
+                BorderThickness = border_width;
+
+                Children = new[]
+                {
+                    fill = new Box
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                        Alpha = 0.01f, //todo: remove once we figure why containers aren't drawing at all times
+                    },
+                };
+            }
+
+            protected override bool OnHover(InputState state)
+            {
+                FadeColour(hoverColour, 500, EasingTypes.OutQuint);
+                FadeGlowTo(1, 500, EasingTypes.OutQuint);
+
+                return base.OnHover(state);
+            }
+
+            protected override void OnHoverLost(InputState state)
+            {
+                FadeGlowTo(0, 500);
+                FadeColour(defaultColour, 500);
+                base.OnHoverLost(state);
+            }
+
+            private CheckBoxState state;
+
+            public CheckBoxState State
+            {
+                get
+                {
+                    return state;
+                }
+                set
+                {
+                    state = value;
+
+                    switch (state)
+                    {
+                        case CheckBoxState.Checked:
+                            fill.FadeIn(200, EasingTypes.OutQuint);
+                            break;
+                        case CheckBoxState.Unchecked:
+                            fill.FadeTo(0.01f, 200, EasingTypes.OutQuint); //todo: remove once we figure why containers aren't drawing at all times
+                            break;
+                    }
+                }
+            }
+        }
+
     }
 }