Is there a way to make widget UI fit all android screens?

Development Platform & Builds Mobile
,
1

Like title says i have a widget UI BP that is my main menu for my app and it fits all 1080 screens however when it comes down to 720p screens the UI get mixed up, enlarged, or shrinks. It says you have to go to the DPI settings and set the dpi there, but I set a lot of DPI nodes (as you can see in the picture) to make it support most devices in 720p, however I still get the same problem?? This is torture. Anyone who has a widget as there main menu can you tell me how you did this or someone tell me how to fix this???

■■■■■■■■■■+dpi.png
■■■■■■■■■■+dpi.png1684×510 45.2 KB

2

Take a look at the UnrealMatch3 DPI curve; I think we dealt with everything there. It uses LongestSide and here is the UIScaleCurve (you can edit Config/DefaultEngine.ini and replace the line with this one):


UIScaleCurve=(EditorCurveData=(PreInfinityExtrap=RCCE_Constant,PostInfinityExtrap=RCCE_Constant,Keys=((Time=300.000000,Value=0.162500),(InterpMode=RCIM_Cubic,TangentMode=RCTM_User,Time=320.000000,Value=0.162500),(Time=630.000000,Value=0.325000),(Time=650.000000,Value=0.325000),(Time=950.000000,Value=0.500000),(Time=970.000000,Value=0.500000),(Time=1130.000000,Value=0.500000),(Time=1140.000000,Value=0.500000),(Time=1270.000000,Value=0.650000),(Time=1290.000122,Value=0.650000),(Time=1320.000000,Value=0.590000),(Time=1340.000000,Value=0.590000),(Time=1920.000000,Value=1.000000),(Time=1930.000000,Value=1.000000),(Time=2550.000000,Value=1.300000),(Time=2570.000000,Value=1.300000)),DefaultValue=340282346638528859811704183484516925440.000000),ExternalCurve=None)
3

Thanks. Actually I used UM3 DPI curve example to help in my game and even copied the DPI settings since we both use mobiles. However, it still doesn’t work. I’ll copy the code for the UIScaleCurve and change mine to shortest slide and report back.

4

Note that how you configure the anchors of your UI widgets/panels also is really important.

In fact, if you use fully relative anchors (the four corners in the four corners of each widget) you will scale the UI exactly to the screen, which will not need to change the DPI curve at all. But, if the screen has a different aspect ratio, it will squash the UI proportionately.

You can get a feel for this by testing the different anchor modes, as well as different screen sizes and resolutions, by simply doing “play in new window” in the editor, with different window sizes.