I have made an app in Unity 5 with the game window set to iPhone 5 Wide (16:9). I have used the canvas UI for all the text and numbers displayed in the game. In the scene editor, the UI is laid out all nice within the screen boundaries of the canvas. When I play the game in the editor, the UI shifts positions on the screen. When I make the game window smaller and larger the UI transforms position and scale. I just would like to know what the UI will look like when the game is on an iPhone resolution. Any help would be appreciated.
Shouldn’t your canvas’ left-bottom corner be at the (0,0,0) point?
Besides: you are using an aspect ratio setting in your Game view, not the resolution one. You should check what resolution the iPhone’s screen has, and create a new setting in that dropdown menu which displays “iPhone 5 Wide (16:9)” in your screenshot (you should click a plus button there).
You should also add the “Canvas Scaler” component to your UI. It will automatically scale everything so it looked exactly like at a resolution of your choice. You should read a little bit about it, it’s incredibly useful.
The Canvas you see is the resolution of the screen you set in the game aspect ratio. Pay attention to set the pivot and position well! Drag the canvas to see how UI elements change in different resolution screens.