Here is how you do simple autolayout. Everything hinges of one element. So start at the top and work your way down.
Anchor Track Name to the top by dragging from label towards the top.
This will give you one constraint. But you still need something to anchor you vertically.
Control drag from Track Name down
Blue means you are good. Orange means you are OK, it just wants to adjust your layout. But Track Name is now good.
Next let’s anchor the Play button directly underneath the Track Name. Control drag from Play button to Track name again.
Now, same problem as before, Play is partially defined. We need to anchor it too. Control drag again down into the open.
Now we need to hook up the next previous buttons. Here we can control drag from Play to each selecting Horizontal spacing.
And then the magic move is to a line on the play button by going
And repeating for the next button.
For the ImageView let’s set it up so that there is a always a margin to the right. Control drag from image view to the right border
Now to get it to respect the border, click on the constraint and go adjust the options on the right margin as follows
This means give me at least a 15 margin, with a lower priority of 500.
Repeat for the other side and bottom
Now another magic move is to have a constraint on it’s aspect ratio so it stays a square.
And of course anchor it to the top via the play button.
Then to fix the final layout issues on the image view add various anchors around the image view, and you can always check and see what constraints are missing by looking in the upper right hand corner.