We’re putting a small overlay along the bottom of our screen that displays some player information. We have a great image to use for it, but it really only works in one aspect ratio. When the horizontal gets any thinner, it cannibalizes the look of the image.
We’re looking into using 9-slice sprites for this instead, but we can’t seem to get the margins correct. The corners of the image are either too big or they look squashed/stretched. The sides end up looking blurry unless we really stretch them far, which doesn’t really work for what we want to do. Adjusting Render Scale seems to produce nicer results, but then the sprite ends up being culled outside of the viewport area and those culled areas don’t respect the Render Scale so our sprite is the right size but is cut off on the sides!
I’m thinking maybe we’re just doing something wrong, but I can’t figure out what. I’ve watched the UMG intro from back in August where Matt talks about widget styles and walks us through a Button style. I’ve tried both Box and Border style with all manners of margins. Image Size doesn’t appear to do anything for me. I’ve tried with 4096, 512, and 64 square textures for this, but I can’t seem to find the right mix.
What’s the best production path to follow for using 9-slices in UMG?