No announcement yet.

Cannot get UMG to scale on mobile devices

  • Filter
  • Time
  • Show
Clear All
new posts

    Cannot get UMG to scale on mobile devices

    Hi guys, i hope this is the right place to post this, I couldn't find a section for UMG/UI stuff, and it is related to trying to deploy an app on iOS devices so here we go.

    Long story short, testing within UE4, both the PIE and Mobile Preview, my UI is correctly scaling on different target devices/resolutions. however, when I actually compile and test on said target devices, my UI is scaling incorrectly, giving me an inconsistant (and in some cases unplayable) experience.

    To start, this is how it looks in the Mobile Preview (set to an iPhone 4S resolution as a "worst case" scenario
    Click image for larger version

Name:	MobilePreview-iPhone4SPortrait.png
Views:	1
Size:	179.6 KB
ID:	1221093

    All looks good. However, here is the exact same build running on an iPhone 5S
    Click image for larger version

Name:	iPhone5S.png
Views:	1
Size:	333.3 KB
ID:	1221094

    As you can see, the UI is not scaling as expected, cutting off half the screen

    iPhone 6S Plus
    Click image for larger version

Name:	iPhone 6S Plus.png
Views:	1
Size:	708.8 KB
ID:	1221095

    Screenshot of my widget scaling settings, set us as per the instructions found here -
    Click image for larger version

Name:	Engine-UI.png
Views:	1
Size:	135.4 KB
ID:	1221098

    any help would be greatly appreciated (also, for what it's worth, i get the same issue on android devices)
    Attached Files

    I have this same issue, only when i go from a "standard" resolution to a non-standard (my example is 5760x1080)
    i get some really weird UMG things on the wrong screens (3 screens stretched)
    example: half my right side menu items are on the left most screen. partial remaining items are in the middle screen or, in the right place. I think it may have to do with anchors .... guess i will have to double check
    Last edited by AP_Studios; 05-30-2017, 11:38 AM.
    Founder and CEO of Angry Penguin Studio, LLC
    Dallas, TX USA


      By default UE4 runs at a lower resolution than native on the iPhone 5S and lower, which means your UI scaling is falling in that flat line at the left of your UI scaling curve. Add more points to that curve so the UI can scale to lower than its current minimum.