Constrain UMG's aspect ratio?

Development Programming & Scripting UI
, , ,
1

I was just wondering if there was any way to constrain a UMG widget to 16:9 in game, as it doesn’t seem to follow the player’s camera’s aspect constraint?

Thanks :slight_smile:

2

Can you post an image showing what you’re trying to achieve? How would the constraining work?

3

Well, when you constrain a normal camera’s aspect ratio, in editor black bars appear over and under (I constrain it to 16:9)

However, there is no such setting for UMG, so if I’m playing my game, with the black bars because its constrained, and I create a UMG widget and add it to viewport, it takes up the whole viewport, and not just the constrained part.

4

Just checking, yeah we don’t lock the UI to any constraints set on the camera, probably should.

The offhand way I think you could fake it would be to make your root widget on any fullscreen UI you have a SizeBox set to the 16:9 resolution you want to be the nominal scale 1 resolution for your games UI. Then place that inside a ScaleBox set to scale to fit, and disable the DPI Scaling curve, otherwise you’d get double scaling.

Alternatively, you’d need to manually determine how big the canvas should be after placing it in the viewport, and adjust it’s size and position to match the black bars.

5

Ok, thank you for answering :slight_smile:

Are there any plans to change it to fit in the camera automatically?

6

Are you guys ever going to constrain UMG to the camera?

7

Seriously, this is a big problem. We need user interface elements to constrain to the camera’s aspect ratio.

Alternatively, you’d need to manually determine how big the canvas should be after placing it in the viewport, and adjust it’s size and position to match the black bars.

Could you provide a screenshot of blueprints showing how this is done?

8
  1. In Project Settings, Set ‘DPI Scale Rule’ to ‘Custom’
  2. Create a C++ class inherited from UDPICustomScalingRule, and override the function GetDPIScaleBasedOnSize(FIntPoint)
  3. In Project Settings, assign the class to ‘DPI Scaling/Custom Scaling Rule Class’

the pesudo code of the function could be like this:

float aspect = ScreenSize.y / ScreenSize.x;
if (aspect > FixedAspect)
    return ScreenSize.x / FixedWidth;
else
    return ScreenSize.y / FixedHeight

And when Editing UMG, use FixedWidth and FixedHeight as your design screen size

9

widget root - scale box (scale to fit) - overlay (align center) - border - everything else.

1 Like
10

I can’t believe it doesn’t lock UI to camera aspect ratio, this is a huge design flaw!

1 Like
11

Sorry to bump this thread but has anyone figure this out? Losing my mind trying to solve this.

12

Jeez are we really still waiting for this feature? It’s been 8 years since this problem was brought up and we still don’t have a proper locking to aspect ratio option :slightly_frowning_face:

1 Like
13

This works good enough for my purpose. If allowing any-sized windowed mode, then I did find a few odd sizes that results in the scene camera extending slightly past the UI’s border. Otherwise a great solution and probably good enough for most.