Chapter 25. Making your LioN prettier
This chapter covers
- Aesthetic considerations
- Adding an icon
- The Launch scene
- Sizing images
The basic functionality of the Lion app is almost complete. You can do everything you need to in order to create LioNs, edit them, and delete them, but the app looks utilitarian and isn’t pretty. It also doesn’t look good on different sizes of devices. You’ll fix that in this chapter.
The first thing you need to do is make some basic fixes so the app looks a little better. Open the storyboard, and select the lionName text field on the Add/Edit scene. In the Attributes Inspector, change Border Style to None. Do the same for the lionDescription field. Run the app, and see how much better it already looks without the borders on the text fields (figure 25.1).
Figure 25.1. Changing Border Style to None for the lionName and lionDescription fields will make the scene look much nicer.
Next, you’ll add two sections to the table view so the Like and Dislike buttons have separation from the Name and Description fields. The easiest way to do this is by using sections, so click the table view (make sure to click the table view and not a table view cell) and change the number of sections to 2 in the Attributes Inspector. You now have two sections in the table, and each section has all three of the rows, as you can see in figure 25.2. That’s okay. You’ll fix it.