Implement EditorTextbox

This commit is contained in:
Andrei Zavatski
2020-02-11 20:08:24 +03:00
parent 482f622c94
commit 829152c8e8
2 changed files with 70 additions and 17 deletions

View File

@ -35,9 +35,11 @@ namespace osu.Game.Tests.Visual.UserInterface
private class TestCommentEditor : CommentEditor private class TestCommentEditor : CommentEditor
{ {
protected override string EmptyTextboxText() => @"This textbox is empty"; protected override string FooterText => @"Footer text. And it is pretty long. Cool.";
protected override string FooterText() => @"Footer text. And it is pretty long. Cool."; protected override string CommitButtonText => @"Commit";
protected override string TextboxPlaceholderText => @"This textbox is empty";
} }
} }
} }

View File

@ -7,20 +7,32 @@ using osu.Framework.Graphics;
using osu.Framework.Graphics.Shapes; using osu.Framework.Graphics.Shapes;
using osu.Game.Graphics; using osu.Game.Graphics;
using osu.Game.Graphics.Sprites; using osu.Game.Graphics.Sprites;
using osu.Framework.Graphics.UserInterface;
using osu.Framework.Graphics.Sprites;
using osuTK.Graphics;
namespace osu.Game.Overlays.Comments namespace osu.Game.Overlays.Comments
{ {
public abstract class CommentEditor : CompositeDrawable public abstract class CommentEditor : CompositeDrawable
{ {
private const int footer_height = 40; private const int footer_height = 40;
private const int side_padding = 8;
protected abstract string FooterText { get; }
protected abstract string CommitButtonText { get; }
protected abstract string TextboxPlaceholderText { get; }
[BackgroundDependencyLoader] [BackgroundDependencyLoader]
private void load(OverlayColourProvider colourProvider) private void load(OverlayColourProvider colourProvider)
{ {
RelativeSizeAxes = Axes.X; RelativeSizeAxes = Axes.X;
Height = footer_height * 2; AutoSizeAxes = Axes.Y;
Masking = true; Masking = true;
CornerRadius = 6; CornerRadius = 6;
BorderThickness = 3;
BorderColour = colourProvider.Background3;
AddRangeInternal(new Drawable[] AddRangeInternal(new Drawable[]
{ {
@ -29,31 +41,70 @@ namespace osu.Game.Overlays.Comments
RelativeSizeAxes = Axes.Both, RelativeSizeAxes = Axes.Both,
Colour = colourProvider.Background3 Colour = colourProvider.Background3
}, },
new Container new FillFlowContainer
{ {
Name = "Footer", AutoSizeAxes = Axes.Y,
Anchor = Anchor.BottomCentre,
Origin = Anchor.BottomCentre,
RelativeSizeAxes = Axes.X, RelativeSizeAxes = Axes.X,
Height = footer_height, Direction = FillDirection.Vertical,
Padding = new MarginPadding { Horizontal = 8 },
Children = new Drawable[] Children = new Drawable[]
{ {
new OsuSpriteText new EditorTextbox
{ {
Anchor = Anchor.CentreLeft, Height = footer_height,
Origin = Anchor.CentreLeft, RelativeSizeAxes = Axes.X,
Font = OsuFont.GetFont(size: 12), PlaceholderText = TextboxPlaceholderText
Shadow = false, },
Text = FooterText() new Container
{
Name = "Footer",
RelativeSizeAxes = Axes.X,
Height = footer_height,
Padding = new MarginPadding { Horizontal = side_padding },
Children = new Drawable[]
{
new OsuSpriteText
{
Anchor = Anchor.CentreLeft,
Origin = Anchor.CentreLeft,
Font = OsuFont.GetFont(size: 12, weight: FontWeight.SemiBold),
Text = FooterText
}
}
} }
} }
} }
}); });
} }
protected abstract string FooterText(); private class EditorTextbox : BasicTextBox
{
protected override float LeftRightPadding => side_padding;
protected abstract string EmptyTextboxText(); protected override Color4 SelectionColour => Color4.LightSkyBlue;
private OsuSpriteText placeholder;
public EditorTextbox()
{
Masking = false;
TextContainer.Height = 0.4f;
}
[BackgroundDependencyLoader]
private void load(OverlayColourProvider colourProvider)
{
BackgroundUnfocused = BackgroundFocused = colourProvider.Background5;
placeholder.Colour = colourProvider.Background3;
BackgroundCommit = Color4.LightSkyBlue;
}
protected override SpriteText CreatePlaceholder() => placeholder = new OsuSpriteText
{
Font = OsuFont.GetFont(weight: FontWeight.Regular),
};
protected override Drawable GetDrawableCharacter(char c) => new OsuSpriteText { Text = c.ToString(), Font = OsuFont.GetFont(size: CalculatedTextSize) };
}
} }
} }