Hello,
I was building a game in android but needed to switch to iPhone. I had all my UI set up for android on a canvas that was 1080 x 1920 and would scale with screen size. The UI is out of place on the iPhone. I imagine this is because the aspect ratio for android is different than iPhone. Do I need to make a completely different UI scheme for iPhone and any other future device with a different aspect ratio or is there a better way to do this?
Thank you
Reference resolution doesn’t make much sense. It just was the starting point in my case that I forgot to change, and now is too late to change it because many UI things were implemented. There is no “pixelation” or other quality issues with the next resolution.
In AR Masker for Portrait orientation, I use the next settings. On both platforms, it works flexibly.
I also use anchors on UI things to stick them to the correct sides.
So the App looks like the same on both platforms. This is a comparison slider between Galaxy A71 and iPhone 11 Pro. You can see the proper side elements are moving, centered elements are not moving.
Thanks for the response! So it seems I am not thoroughly (or maybe properly) utilizing anchors. Time to watch more tutorials 
I messed around with the anchors and I am definitely getting better results. Below are my starting screen for Android, iPhone, and iPad
Android
The android still looks the best to me because that was what I originally scaled everything for, but the results look passable.
For the level select screen, I don’t find the results passable.
Android
Am I missing something? Am I still not using the anchors effectively enough?
Thanks for the help!
Below is a slider comparison between the android (1080x1920) and the iPhone (2532 x 1170)
Below is a slider comparison between the android (1080x1920) and the Ipad (2732 x 2048)The images aren’t the same resolution since I am testing how the results look with different resolutions. The main issue I have is when running on the iPhone resolution there is a lot of empty space and for the iPad resolution buttons are overlapping.
So, it may be a little bit hardly to implement, but it’s possible: Auto Layout | Unity UI | 1.0.0
I will give this a shot! Thanks for all the feedback!
