Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
iOS 10 Programming for Beginners

You're reading from   iOS 10 Programming for Beginners Explore the latest iOS 10 and Swift 3 features

Arrow left icon
Product type Paperback
Published in Dec 2016
Publisher Packt
ISBN-13 9781786464507
Length 678 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Craig Clayton Craig Clayton
Author Profile Icon Craig Clayton
Craig Clayton
Arrow right icon
View More author details
Toc

Table of Contents (20) Chapters Close

Preface 1. Getting Familiar with Xcode 2. Building a Foundation with Swift FREE CHAPTER 3. Digging Deeper 4. Digging into Collections 5. Starting the UI Setup 6. Setting Up UI 7. Getting Started with the Grid 8. Getting Started with the List 9. Working More with Lists 10. Where Are We? 11. Where's My Data? 12. Foodie Reviews 13. Saving Reviews 14. Universal 15. iMessages 16. Notifications 17. Just a Peek 18. Beta and Store Submission Index

Design clean up


In the last chapter, we left off with both our Label and our down arrow inside of our Stack View. Let's run the project and see what we have so far by hitting the Play button (or use cmd + R). If we compare what we have with what the final design should look like (shown in the App Tour in Chapter 5, Starting the UI Setup), we can see it is not the same:

Therefore, we need to fix our custom title view.

Adding a Clear Background to the Custom Title View

Our first update will be to change the custom title view's background from white to clear. Then, we need to correct the spacing between the Label and the arrow. Finally, we will need to rename the Label. Let's update our background first:

  1. In the Outline view, select View:

  2. In your Utilities panel, make sure you are in the Attributes Inspector and click on the color drop-down menu under Background:

  3. Now, select Clear Color, which will give us a clear background for our view:

Updating the UIStackView

Now that the background color is clear...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image