mirror of
https://github.com/ppy/osu.git
synced 2025-02-12 20:23:06 +08:00
Merge pull request #31803 from bdach/bss/submission-progress-display
Implement visual component for displaying submission progress
This commit is contained in:
commit
4fda4d625f
@ -0,0 +1,47 @@
|
||||
// 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 NUnit.Framework;
|
||||
using osu.Framework.Allocation;
|
||||
using osu.Framework.Graphics;
|
||||
using osu.Framework.Graphics.Containers;
|
||||
using osu.Game.Overlays;
|
||||
using osu.Game.Screens.Edit.Submission;
|
||||
using osuTK;
|
||||
|
||||
namespace osu.Game.Tests.Visual.Editing
|
||||
{
|
||||
public partial class TestSceneSubmissionStageProgress : OsuTestScene
|
||||
{
|
||||
[Cached]
|
||||
private OverlayColourProvider colourProvider = new OverlayColourProvider(OverlayColourScheme.Aquamarine);
|
||||
|
||||
[Test]
|
||||
public void TestAppearance()
|
||||
{
|
||||
SubmissionStageProgress progress = null!;
|
||||
|
||||
AddStep("create content", () => Child = new Container
|
||||
{
|
||||
RelativeSizeAxes = Axes.Both,
|
||||
Size = new Vector2(0.8f),
|
||||
Anchor = Anchor.Centre,
|
||||
Origin = Anchor.Centre,
|
||||
Child = progress = new SubmissionStageProgress
|
||||
{
|
||||
Anchor = Anchor.Centre,
|
||||
Origin = Anchor.Centre,
|
||||
StageDescription = "Frobnicating the foobarator...",
|
||||
}
|
||||
});
|
||||
AddStep("not started", () => progress.SetNotStarted());
|
||||
AddStep("indeterminate progress", () => progress.SetInProgress());
|
||||
AddStep("30% progress", () => progress.SetInProgress(0.3f));
|
||||
AddStep("70% progress", () => progress.SetInProgress(0.7f));
|
||||
AddStep("completed", () => progress.SetCompleted());
|
||||
AddStep("failed", () => progress.SetFailed("the foobarator has defrobnicated"));
|
||||
AddStep("failed with long message", () => progress.SetFailed("this is a very very very very VERY VEEEEEEEEEEEEEEEEEEEEEEEEERY long error message like you would never believe"));
|
||||
AddStep("canceled", () => progress.SetCanceled());
|
||||
}
|
||||
}
|
||||
}
|
212
osu.Game/Screens/Edit/Submission/SubmissionStageProgress.cs
Normal file
212
osu.Game/Screens/Edit/Submission/SubmissionStageProgress.cs
Normal file
@ -0,0 +1,212 @@
|
||||
// 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.Localisation;
|
||||
using osu.Game.Graphics;
|
||||
using osu.Game.Graphics.Containers;
|
||||
using osu.Game.Graphics.Sprites;
|
||||
using osu.Game.Graphics.UserInterface;
|
||||
using osu.Game.Overlays;
|
||||
using osuTK;
|
||||
|
||||
namespace osu.Game.Screens.Edit.Submission
|
||||
{
|
||||
public partial class SubmissionStageProgress : CompositeDrawable
|
||||
{
|
||||
public LocalisableString StageDescription { get; init; }
|
||||
|
||||
private Bindable<StageStatusType> status { get; } = new Bindable<StageStatusType>();
|
||||
|
||||
private Bindable<float?> progress { get; } = new Bindable<float?>();
|
||||
|
||||
private Container progressBarContainer = null!;
|
||||
private Box progressBar = null!;
|
||||
private Container iconContainer = null!;
|
||||
private OsuTextFlowContainer errorMessage = null!;
|
||||
|
||||
[Resolved]
|
||||
private OsuColour colours { get; set; } = null!;
|
||||
|
||||
[BackgroundDependencyLoader]
|
||||
private void load(OverlayColourProvider colourProvider)
|
||||
{
|
||||
RelativeSizeAxes = Axes.X;
|
||||
AutoSizeAxes = Axes.Y;
|
||||
|
||||
InternalChildren = new Drawable[]
|
||||
{
|
||||
new OsuSpriteText
|
||||
{
|
||||
Anchor = Anchor.CentreLeft,
|
||||
Origin = Anchor.CentreLeft,
|
||||
Text = StageDescription,
|
||||
},
|
||||
new FillFlowContainer
|
||||
{
|
||||
AutoSizeAxes = Axes.Both,
|
||||
Anchor = Anchor.CentreRight,
|
||||
Origin = Anchor.CentreRight,
|
||||
Direction = FillDirection.Horizontal,
|
||||
Spacing = new Vector2(5),
|
||||
Children = new Drawable[]
|
||||
{
|
||||
iconContainer = new Container
|
||||
{
|
||||
AutoSizeAxes = Axes.Both,
|
||||
Anchor = Anchor.CentreRight,
|
||||
Origin = Anchor.CentreRight,
|
||||
},
|
||||
new Container
|
||||
{
|
||||
AutoSizeAxes = Axes.Both,
|
||||
Anchor = Anchor.CentreRight,
|
||||
Origin = Anchor.CentreRight,
|
||||
Children =
|
||||
[
|
||||
progressBarContainer = new Container
|
||||
{
|
||||
Anchor = Anchor.CentreRight,
|
||||
Origin = Anchor.CentreRight,
|
||||
Width = 150,
|
||||
Height = 10,
|
||||
CornerRadius = 5,
|
||||
Masking = true,
|
||||
Children = new[]
|
||||
{
|
||||
new Box
|
||||
{
|
||||
RelativeSizeAxes = Axes.Both,
|
||||
Colour = colourProvider.Background6,
|
||||
},
|
||||
progressBar = new Box
|
||||
{
|
||||
RelativeSizeAxes = Axes.Both,
|
||||
Anchor = Anchor.CentreLeft,
|
||||
Origin = Anchor.CentreLeft,
|
||||
Width = 0,
|
||||
Colour = colourProvider.Highlight1,
|
||||
}
|
||||
}
|
||||
},
|
||||
errorMessage = new OsuTextFlowContainer
|
||||
{
|
||||
Anchor = Anchor.CentreRight,
|
||||
Origin = Anchor.CentreRight,
|
||||
// should really be `CentreRight` too, but that's broken due to a framework bug
|
||||
// (https://github.com/ppy/osu-framework/issues/5084)
|
||||
TextAnchor = Anchor.BottomRight,
|
||||
Width = 450,
|
||||
AutoSizeAxes = Axes.Y,
|
||||
Alpha = 0,
|
||||
Colour = colours.Red1,
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
protected override void LoadComplete()
|
||||
{
|
||||
base.LoadComplete();
|
||||
|
||||
status.BindValueChanged(_ => Scheduler.AddOnce(updateStatus), true);
|
||||
progress.BindValueChanged(_ => Scheduler.AddOnce(updateProgress), true);
|
||||
}
|
||||
|
||||
public void SetNotStarted() => status.Value = StageStatusType.NotStarted;
|
||||
|
||||
public void SetInProgress(float? progress = null)
|
||||
{
|
||||
this.progress.Value = progress;
|
||||
status.Value = StageStatusType.InProgress;
|
||||
}
|
||||
|
||||
public void SetCompleted() => status.Value = StageStatusType.Completed;
|
||||
|
||||
public void SetFailed(string reason)
|
||||
{
|
||||
status.Value = StageStatusType.Failed;
|
||||
errorMessage.Text = reason;
|
||||
}
|
||||
|
||||
public void SetCanceled() => status.Value = StageStatusType.Canceled;
|
||||
|
||||
private const float transition_duration = 200;
|
||||
|
||||
private void updateProgress()
|
||||
{
|
||||
if (progress.Value != null)
|
||||
progressBar.ResizeWidthTo(progress.Value.Value, transition_duration, Easing.OutQuint);
|
||||
|
||||
progressBarContainer.FadeTo(status.Value == StageStatusType.InProgress && progress.Value != null ? 1 : 0, transition_duration, Easing.OutQuint);
|
||||
}
|
||||
|
||||
private void updateStatus()
|
||||
{
|
||||
progressBarContainer.FadeTo(status.Value == StageStatusType.InProgress && progress.Value != null ? 1 : 0, transition_duration, Easing.OutQuint);
|
||||
errorMessage.FadeTo(status.Value == StageStatusType.Failed ? 1 : 0, transition_duration, Easing.OutQuint);
|
||||
|
||||
iconContainer.Clear();
|
||||
iconContainer.ClearTransforms();
|
||||
|
||||
switch (status.Value)
|
||||
{
|
||||
case StageStatusType.InProgress:
|
||||
iconContainer.Child = new LoadingSpinner
|
||||
{
|
||||
Size = new Vector2(16),
|
||||
State = { Value = Visibility.Visible, },
|
||||
};
|
||||
iconContainer.Colour = colours.Orange1;
|
||||
break;
|
||||
|
||||
case StageStatusType.Completed:
|
||||
iconContainer.Child = new SpriteIcon
|
||||
{
|
||||
Icon = FontAwesome.Solid.CheckCircle,
|
||||
Size = new Vector2(16),
|
||||
};
|
||||
iconContainer.Colour = colours.Green1;
|
||||
iconContainer.FlashColour(Colour4.White, 1000, Easing.OutQuint);
|
||||
break;
|
||||
|
||||
case StageStatusType.Failed:
|
||||
iconContainer.Child = new SpriteIcon
|
||||
{
|
||||
Icon = FontAwesome.Solid.ExclamationCircle,
|
||||
Size = new Vector2(16),
|
||||
};
|
||||
iconContainer.Colour = colours.Red1;
|
||||
iconContainer.FlashColour(Colour4.White, 1000, Easing.OutQuint);
|
||||
break;
|
||||
|
||||
case StageStatusType.Canceled:
|
||||
iconContainer.Child = new SpriteIcon
|
||||
{
|
||||
Icon = FontAwesome.Solid.Ban,
|
||||
Size = new Vector2(16),
|
||||
};
|
||||
iconContainer.Colour = colours.Gray8;
|
||||
iconContainer.FlashColour(Colour4.White, 1000, Easing.OutQuint);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
public enum StageStatusType
|
||||
{
|
||||
NotStarted,
|
||||
InProgress,
|
||||
Completed,
|
||||
Failed,
|
||||
Canceled,
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user