The beginning of a tip calculator.
Before we add in the logic, we set up how we would like our tip calculator to look!
Using auto-layout, we can set up our different parts of our tip calculator. The display at the top will eventually be where the price of the bill is displayed, depending on user input. Below, we have the tip percentages, what the tip will be, and the total amount to pay including tip. Finally, we have the calculator key pad.
Currently, we have a single button hooked up a function in our ViewController. Play with these and adjust them how you like. To delete a button or an outlet, besides deleting the element from the storyboard and deleting the relevant code, you'll also have to delete the connection. In the storyboard properties, click on the arrow in the storyboard options toolbar. On the view controller in your storyboard, click on the orange circle at the top. This will show you all the connections. Use the x to delete any connections you do not want.
For our next session, we will add the logic so that the calculator displays the user input and outputs the results.