New Project Setup & Theming

• New Project Setup & Theming

Episode #382 | 14 minutes | published on March 20, 2019 | Uses swift-4.2, Xcode-10.1

Subscribers Only

We start from a blank project template, then add our first storyboard and tab bar controller. We also introduce a mechanism for skinning the app with a Theme type.

This episode is part of a series: Making a Podcast App From Scratch.

1. Intro 1 min

2. New Project Setup & Theming 14 min

3. Storyboard References 5 min

4. Reusable Views 10 min

5. Styling Custom Cells 15 min

6. Working with Remote Images 16 min

7. Creating an API Client 18 min

8. Parsing JSON into Models 15 min

9. Displaying Search Results and Recommendations 25 min

10. Parsing RSS and Atom Feeds 29 min

11. Podcast Detail Screen 27 min

12. Custom Gradient Background 13 min

13. Padded Label and Separator View 11 min

14. Making a Custom Subscribe Button 16 min

15. Refactoring to a Data Manager 26 min

16. Adding Episode Cells 27 min

17. Polish and Cleanup 23 min

18. Setting up Core Data to Save Subscriptions 24 min

19. Player Screen 27 min

20. Audio Playback 24 min

21. Player Bar Part 1 21 min

22. Player Bar Part 2 15 min

23. My Podcasts Screen 28 min

24. Setting up Core Data for Episodes 5 min

25. Refactor Core Data Context Handling 11 min

26. Importing Episodes from a Feed 22 min

27. Updating Feeds in the Background 10 min

28. Playlist Screen 18 min

29. Tracking Playback Progress 33 min

Episode Links

Theme.swift

    struct Theme {
        static func apply(to window: UIWindow) {
            window.tintColor = Colors.purple

            UIView.appearance().backgroundColor = Colors.gray4

            let tabBar = UITabBar.appearance()
            tabBar.barTintColor = Colors.gray3

            let navBar = UINavigationBar.appearance()
            navBar.barTintColor = Colors.gray3
            navBar.titleTextAttributes = [
                NSAttributedString.Key.foregroundColor : Colors.gray0
            ]
        }

        struct Colors {
            static var gray0 = UIColor(hue:0.00, saturation:0.00, brightness:0.85, alpha:1.00)
            static var gray1 = UIColor(hue:0.67, saturation:0.03, brightness:0.58, alpha:1.00)
            static var gray2 = UIColor(hue:0.67, saturation:0.08, brightness:0.33, alpha:1.00)
            static var gray3 = UIColor(hue:0.00, saturation:0.00, brightness:0.15, alpha:1.00)
            static var gray4 = UIColor(hue:0.00, saturation:0.00, brightness:0.11, alpha:1.00)
            static var gray5 = UIColor(hue:0.75, saturation:0.10, brightness:0.08, alpha:1.00)

            static var purple = UIColor(hue:0.73, saturation:0.78, brightness:0.98, alpha:1.00)
            static var purpleLight = UIColor(hue:0.70, saturation:0.28, brightness:0.71, alpha:1.00)
        }
    }

Applying the Theme

Theme.apply(to: window!)

View on Github

Download