Refining the user interface is the part of App development where art takes over from science and everyone will have an opinion. These changes are an example of what can be done but are by no means meant to be the only possible solution. We are going to begin by moving our controls and animating the transition in to and out of full screen.
In the file named
MainMenu.xib
, add a HUD window that we will use to display our controls floating over the full screen view.The HUD window should match the size needed to hold the controls subview. The easiest way to accomplish that is to do the following:
Select the subview in our main window
Copy it
Select the HUD window
Paste the subview into the HUD window
Resize the window to match the size of the subview
Delete the copy of the subview from the HUD window
Alternatively, we can select the HUD window and use the Size Inspector to set its Width and Height to
480
and100
respectively.In the Size Inspector...