Text getting offset when resized

Help and Feedback Art Design Support
#1

A couple of details before I go into my specific issue. All the elements of my GUI has AnchorPoint set to 0.5, 0.5 along with Position set to {0.5, 0},{0.5, 0} for the elements I want centered. I am only using scale (and not Offset) when sizing my elements. I am utilizing UIAspectRatioConstraint at AspectRatio 1.5 and AspectType ScaleWithParentSize and DominantAxis Width.

Now onto my issue. As you’ll see below I have a “close button”, with a X in the center (which here appears to be centered very nicely and perfectly).

image
image725×498 117 KB

However, when using Device emulation to view my UIs on Phone (and less noticeably on Tablet) there’s suddenly an offset to the left. This appears regardless of whether I use Actual Resolution, Physical Size or Fit to Window. The “X” has TextXAlignment and TextYAlignment set as Center.

image
image897×459 127 KB

Is there any UI constraint I can use to fix this? Are there any other methods I can use to fix this?

3 Likes
#2

Try setting the anchor point of “X” to 1, 1 and the position values to something like 0.98, 0, 0.95, 0 or maybe incorporate offset into the position, something like 1, -3, 1, -3 or 1, -2, 1, -2. Play around with the properties with the anchor point set to 1, 1 and you should get a solution.

1 Like
#3

I’m more looking for an efficient and proper way to do it, not just modifying until it looks “alright” with magic numbers. Thanks for the suggestion though.