1
0
mirror of https://github.com/ppy/osu.git synced 2026-06-08 17:03:58 +08:00
Files
osu-lazer/osu.Game/Screens/Ranking/Statistics/StatisticItemContainer.cs
T
StanR 4b9335ca59 Minor design improvements to the extended result screen (#37144)
I am aware of the possibly-one-day-definitely-upcoming redesign, but
while it's not yet ready I've made a couple of small design improvements
to the current result screen.

This includes: 
- Slightly tighter and more consistent paddings
- StatisticPanel's header being consistent with other similar panels
(it's using subsection design right now which probably made sense back
when it was all one panel)
- More compact PerformanceBreakdown section
- Slightly less background blur and slightly more transparent statistics
panels

Before:
<img width="1922" height="1112" alt="image"
src="https://github.com/user-attachments/assets/89b564fd-0205-40bd-a7d5-9e0484fbe5dd"
/>
<img width="1922" height="1112" alt="image"
src="https://github.com/user-attachments/assets/6d58f538-7a78-4de2-9316-7d070dabaf2c"
/>


After: 
<img width="1922" height="1112" alt="image"
src="https://github.com/user-attachments/assets/fa242349-27a1-4391-90fa-4d53be718fd4"
/>
<img width="1922" height="1112" alt="image"
src="https://github.com/user-attachments/assets/9a755e6f-d6fe-4df2-880c-1f6195bd2a69"
/>

---------

Co-authored-by: Dean Herbert <pe@ppy.sh>
2026-04-25 00:42:47 +09:00

70 lines
2.5 KiB
C#

// 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.Extensions.Color4Extensions;
using osu.Framework.Graphics;
using osu.Framework.Graphics.Colour;
using osu.Framework.Graphics.Containers;
using osu.Framework.Graphics.Shapes;
using osu.Framework.Localisation;
using osu.Game.Graphics;
namespace osu.Game.Screens.Ranking.Statistics
{
/// <summary>
/// Wraps a <see cref="StatisticItem"/> to add a header and suitable layout for use in <see cref="ResultsScreen"/>.
/// </summary>
internal partial class StatisticItemContainer : CompositeDrawable
{
/// <summary>
/// Creates a new <see cref="StatisticItemContainer"/>.
/// </summary>
/// <param name="item">The <see cref="StatisticItem"/> to display.</param>
public StatisticItemContainer(StatisticItem item)
{
RelativeSizeAxes = Axes.X;
AutoSizeAxes = Axes.Y;
Padding = new MarginPadding(5);
InternalChild = new Container
{
RelativeSizeAxes = Axes.X,
AutoSizeAxes = Axes.Y,
Masking = true,
CornerRadius = 10,
Children = new Drawable[]
{
new Box
{
Colour = ColourInfo.GradientVertical(
OsuColour.Gray(0.25f).Opacity(0.8f),
OsuColour.Gray(0.18f).Opacity(0.95f)
),
RelativeSizeAxes = Axes.Both,
},
new Container
{
RelativeSizeAxes = Axes.X,
AutoSizeAxes = Axes.Y,
Padding = new MarginPadding(5),
Children = new[]
{
LocalisableString.IsNullOrEmpty(item.Name)
? Empty()
: new StatisticItemHeader { Text = item.Name },
new Container
{
RelativeSizeAxes = Axes.X,
AutoSizeAxes = Axes.Y,
Padding = new MarginPadding(20) { Top = 45 },
Child = item.CreateContent()
}
}
},
}
};
}
}
}