osu-lazer/osu.Game/Graphics/UserInterface/ShearedSearchTextBox.cs

// 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.Graphics.UserInterface;
using osu.Game.Graphics.Sprites;
using osu.Game.Overlays;
using osu.Game.Overlays.Mods;
using osuTK;
using osuTK.Graphics;

namespace osu.Game.Graphics.UserInterface
{
    public class ShearedSearchTextBox : CompositeDrawable, IHasCurrentValue<string>
    {
        private const float icon_container_width = 50;
        private const float corner_radius = 7;
        private const float height = 42;
        private readonly Vector2 shear = new Vector2(ShearedOverlayContainer.SHEAR, 0);
        private readonly Box background;
        private readonly Box searchBoxBackground;
        private readonly SearchTextBox textBox;

        public Bindable<string> Current
        {
            get => textBox.Current;
            set => textBox.Current = value;
        }

        public bool HoldFocus
        {
            get => textBox.HoldFocus;
            set => textBox.HoldFocus = value;
        }

        public void TakeFocus() => textBox.TakeFocus();

        public void KillFocus() => textBox.KillFocus();

        public ShearedSearchTextBox()
        {
            Height = height;
            Shear = shear;
            Masking = true;
            CornerRadius = corner_radius;
            InternalChild = new Container
            {
                RelativeSizeAxes = Axes.Both,
                Children = new Drawable[]
                {
                    background = new Box
                    {
                        RelativeSizeAxes = Axes.Both
                    },
                    new GridContainer
                    {
                        RelativeSizeAxes = Axes.Both,
                        Content = new[]
                        {
                            new Drawable[]
                            {
                                new Container
                                {
                                    Name = @"Search box container",
                                    RelativeSizeAxes = Axes.Both,
                                    CornerRadius = corner_radius,
                                    Masking = true,
                                    Children = new Drawable[]
                                    {
                                        searchBoxBackground = new Box
                                        {
                                            RelativeSizeAxes = Axes.Both
                                        },
                                        textBox = new InnerSearchTextBox
                                        {
                                            Shear = -shear,
                                            Anchor = Anchor.CentreLeft,
                                            Origin = Anchor.CentreLeft,
                                            RelativeSizeAxes = Axes.X,
                                            Padding = new MarginPadding
                                            {
                                                Horizontal = corner_radius + shear.X
                                            }
                                        }
                                    }
                                },
                                new Container
                                {
                                    Name = @"Icon container",
                                    RelativeSizeAxes = Axes.Y,
                                    Width = icon_container_width,
                                    Origin = Anchor.CentreRight,
                                    Anchor = Anchor.CentreRight,
                                    Children = new Drawable[]
                                    {
                                        new SpriteIcon
                                        {
                                            Icon = FontAwesome.Solid.Search,
                                            Origin = Anchor.Centre,
                                            Anchor = Anchor.Centre,
                                            Size = new Vector2(16),
                                            Shear = -shear
                                        }
                                    }
                                }
                            }
                        },
                        ColumnDimensions = new[] { new Dimension(), new Dimension(GridSizeMode.AutoSize) }
                    }
                }
            };
        }

        [BackgroundDependencyLoader]
        private void load(OverlayColourProvider colourProvider)
        {
            background.Colour = colourProvider.Background3;
            searchBoxBackground.Colour = colourProvider.Background4;
        }

        public override bool HandleNonPositionalInput => textBox.HandleNonPositionalInput;

        private class InnerSearchTextBox : SearchTextBox
        {
            [BackgroundDependencyLoader]
            private void load(OverlayColourProvider colourProvider)
            {
                BackgroundFocused = colourProvider.Background4;
                BackgroundUnfocused = colourProvider.Background4;
                Placeholder.Colour = Color4.White;
                PlaceholderText = @"Search";
            }

            protected override SpriteText CreatePlaceholder() => new OsuSpriteText
            {
                Font = OsuFont.GetFont(size: 20, weight: FontWeight.SemiBold)
            };

            protected override Drawable GetDrawableCharacter(char c) => new FallingDownContainer
            {
                AutoSizeAxes = Axes.Both,
                Child = new OsuSpriteText { Text = c.ToString(), Font = OsuFont.GetFont(size: 20, weight: FontWeight.SemiBold) },
            };
        }
    }
}