Please enable JavaScript.
Coggle requires JavaScript to display documents.
User Interface (Positioning Elements (imagine screen is reversed graph…
User Interface
Positioning Elements
imagine screen is reversed graph
top left corner is 0,0
x value increases as you move to the right
y value increases as you move down the screen
resource for iPhone screen sizes
position the top left corner of elements
Incorporating images
called an ImageView in object window
place by dragging and dropping object onto screen
Image assets must be placed in assets.xcassets project folder
Pixels vs. Points
pixels
stands for picture element
represents a square of color
points
measure of length
1/72 inches
resolution
normal resolution has 72 ppi meaning 1pixel = 1 point
retina screens contain 4 pixels per point
1x means 1x1 pixels per point
2x means 2x2 pixels per point
3x means 3x3 pixels per point