 

SwiftUI tutorial for beginner app developer

Hike – SwiftUI Alternate App Icon

Why should we create this app?

Hiking is a fun and enjoyable outdoor activity for friends and families! In this tutorial, we will develop a creative card design for a fictional hiking app using the SwiftUI framework. You know, the main goal of this iOS project is to show you how to put together different layout containers by creating a quite complex design. But not only that, this mini-application will have some amazing built-in features as well. By the end of this SwiftUI course, you will get an impressive Card app with such a settings screen where users will be able to change the icon of the application.

Professional asset files and graphics

Unlike any other learning materials on the Internet, this SwiftUI Masterclass provides you asset files premade by a professional designer such as graphic files, images, video files, sound files, etc.

These supplemental learning materials will give you a real-life experience of how a professional app developer works within a real-life environment with UI designers together. Learn how to develop an addvanced UI/UX design along with Robert Petras.

Workbook document

You can download the PDF workbook file of this Core Data tutorial and take a deep look at all of the various iOS app development topics that we’re going to cover in this app development tutorial in SwiftUI.

Download the Workbook

What will you build with SwiftUI in Xcode?

This iOS app development tutorial is part of the SwiftUI Masterclass Course.

Topics

SwiftUI Containers
In this SwiftUI tutorial, we’ll explore various layout containers like horizontal and vertical stacks, as well as the ZStack container. By the end, you'll have a complete understanding of how to create intricate layout designs.
Alternate App Icons
Discover how to incorporate alternate app icons into your app, giving users the ability to select their preferred icon. This feature empowers users to personalize their home screen with an app icon that suitsl style, including options such as a light or dark mode version of the original icon or a selection of completely distinct styles.
Gradient and Motion Animation
We will learn how to animate a Linear Gradient fill using its starting and ending point. But not only that, we will develop a more complex motion animation by scaling and moving many circle shapes with various timing in a masked SwiftUI shape.

Chapters

Chapter 1: SwiftUI Project Set Up
Chapter 2: Card Component
Chapter 3: Header Component
Chapter 4: Custom Button Style
Chapter 5: SwiftUI Motion Animation
Chapter 6: Settings Screen
Chapter 7: Reusable Component
Chapter 8: Alternate App Icons

App Gallery

A picture is worth a thousand words. Let’s look at the gallery of this practical iPhone and iPad application with the Alternate iOS App icon feature.

iPhone app icon

SwiftUI app

Home screen

Dark appearance

iOS app icon

SwiftUI home screen

iOS Widgets

To-do application

Setting up a widget

Widgets

Adding new to-do item

iOS 14 Simulators

SwiftUI widgets

To-to list

Launch Screen

Launch Screen with SwiftUI

SwiftUI Masterclass ♥︎ iOS App Development

From totally beginner to advanced iOS app developer with this complete iOS, iPadOS and SwiftUI development course programming in Xcode.

Employees from top companies choose Credo to build in-demand career skills.

Copyright © 2024 Robert Petras, All rights reserved.

The Credo Academy learning platform is not endorsed by, directly affiliated with, maintained, authorized, or sponsored by Apple Inc.
Swift, SwiftUI, SwiftData, Spatial Computing, VisionOS, ARKit, RealityKit, Swift Playgrounds, iOS, Xcode, iPhone, iPad, watchOS, Apple Vision Pro, tvOS, Mac and macOS are trademarks of Apple Inc., registered in the U.S. and other countries.