The SwiftUI learning project.

Overview

JPDesignCode

我的SwiftUI学习工程,学自于国外很出名的一个SwiftUI课程:DesignCode。(这是收费的课程,当然也可以从其他渠道获取该资源,例如某第一或第二字母站...)

PS:该 Project 是SwiftUI 1.0时的课程(Part1),而我开始动手时SwiftUI已经是2.0版本了,这是一个兼容后的版本,因此可能会有一些兼容上的bug。

从该 Project 中可以学到很多酷炫的SwiftUI用法,这里大概列举一下:

ContentView

手势+动画的完美体验

contentView

HomeView

快捷搭建精美UI

sectionList menuView

CourseList

漂亮的过场动画

courseList

在iOS14会有手势冲突,会来回弹动,在iOS15直接会卡死,所以这种实现在实际开发中已经无法使用,这里仅供动画实现的一些思路。

LoginView

使用视觉差营造伪3D效果

loginView

Buttons

拟物化的实现

rectangleButton circleButton payButton

还有其他:

  • 兼容iPad
  • 深色模式
  • 如何在SwiftUI中使用UIKit
  • Combine的基本使用
  • 在Xcode上如何快速使用SwiftUI搭建界面 等等等等...

踩坑的笔记我都写在代码里面,有兴趣的童鞋可以下载体验一下,更多的一些知识点日后会在这里进行补充。

对自己的吐槽:该课程看了很久,踩了很多坑,所以经常卡住我很长时间,另外加上经常工作后也没精力学,而过段时间后回来再看,有些地方忘了又得重新回想起来,导致学得断断续续,来来回回看了有3个多月,唉...

总而言之,个人感觉SwiftUI是真的非常强大,还有很多很多需要学习的地方,我得赶紧习惯这种可视化+响应式编程的思想!

日后会更新Part2部分~(SwiftUI 2.0

You might also like...
Jetpack Compose and SwiftUI based Kotlin Multiplatform project
Jetpack Compose and SwiftUI based Kotlin Multiplatform project

BikeShare Jetpack Compose and SwiftUI based Kotlin Multiplatform sample project (based on CityBikes API). Running on iOS (SwiftUI) macOS (SwiftUI) And

Currency Converter project coded by SwiftUI and Swift5
Currency Converter project coded by SwiftUI and Swift5

SwiftUI-Currency-Converter Currency Converter project coded by SwiftUI and Swift5 Features Implemented with SwiftUI Supports darkmode for sure SwiftUI

Building Expense Tracker iOS App with Core Data & SwiftUI Completed Project
Building Expense Tracker iOS App with Core Data & SwiftUI Completed Project

Completed Project for Building Expense Tracker iOS App with Core Data & SwiftUI Follow the tutorial at alfianlosari.com Features Create, edit, and del

This is an example project of SwiftUI and Combine using GitHub API.
This is an example project of SwiftUI and Combine using GitHub API.

SwiftUI-Combine-Example This is an example project of SwiftUI and Combine using GitHub GET /search/users API. 📋 Requirements Swift5.1 Beta Xcode11.0

Completed Project for Cross Platform Image Filter SwiftUI macOS & iOS App
Completed Project for Cross Platform Image Filter SwiftUI macOS & iOS App

Completed Project for Cross Platform Image Filter SwiftUI macOS & iOS App Follow the tutorial at alfianlosari.com Features Filter image using predefin

Sample iOS project built by SwiftUI + Flux and Combine framework using GitHub API
Sample iOS project built by SwiftUI + Flux and Combine framework using GitHub API

SwiftUI-Flux Flux enables us to have unidirectional data flow and make it testable. It's used to be implemented using RxSwift or ReactiveSwift in the

This is my first SwiftUI project, as I decided not to release it I made the codebase available here for anyone to take a look at.

Sunshine This is my first SwiftUI project, as I decided not to release it to the App Store. I made the codebase available here for anyone to take a lo

Sample iOS project built by SwiftUI + MVVM and Combine framework using GitHub API
Sample iOS project built by SwiftUI + MVVM and Combine framework using GitHub API

SwiftUI-MVVM One of the biggest idea for having MVVM is that most of data flow can be testable. Data binding in view layer by SwiftUI is awesome. Howe

Completed Project for Authentication in SwiftUI using Firebase Auth SDK & Sign in with Apple
Completed Project for Authentication in SwiftUI using Firebase Auth SDK & Sign in with Apple

Completed Project for Authentication in SwiftUI using Firebase Auth SDK & Sign in with Apple Follow the tutorial at alfianlosari.com Features Uses Fir

Owner
健了个平_(:з」∠)_
Don't forget your original intention.
健了个平_(:з」∠)_
Learning SwiftUI by examples.

SwiftUI MindBlowing ?? Collections of mind-blowing SwiftUI snippets and projects. Why another awesome-swiftui? SwiftUI has come with a blast during an

An Tran 100 Nov 1, 2022
Africa application is developed for learning by using SwiftUI

Africa application is developed for learning by using swiftUI.This application show the list of animals along with information such as name,photo,description and video.This app also use map to show animals on map along with basic animation.

Ghullam Abbas 4 Oct 23, 2022
Memorize - learning process from Standford University Swift UI videos

Memorize I am learning Swift UI. This app is in learning process from Standford

chitra 0 Jan 1, 2022
Learning App with Firebase Auth

Learning App Displays how to make a learning app with Swift, iOS's programming l

Andrew Gholson 0 Jan 9, 2022
Don't start from scratch, start from Here! This is a starter project for iOS projects. It contains all the basic configurations and common libraries for your project.

Starter-iOS Don't start from scratch, start from Here! This is a starter project for iOS projects. It contains all the basic configurations and common

Shaban Kamel 6 May 24, 2022
NewsAPI-Project - News API Project For iOS

NewsAPI-Project Es necesario descargar y realizar un pod install para ejecutar e

Álvaro Ferrández 0 Feb 3, 2022
A multiplatform SwiftUI project demonstrating various SwiftUI features.

WikiDemo A multiplatform SwiftUI project demonstrating various SwiftUI features, including creating a master-detail interface. It's a multiplatform ve

Swift Dev Journal 6 Oct 17, 2022
SwiftUI-MSALSample - Sample project to login with MSAL using SwiftUI

SwiftUI-MSALSample I could not find a good walkthrough on how to implement MSAL

Rob Evans 10 Nov 7, 2022
Matthew Asaminew 0 Jan 25, 2022
This SwiftUI project is a result of the third 'milestone' in "Hacking With Swift's 100 Days of SwiftUI".

exercise-tracker This SwiftUI project is a result of the third 'milestone' in "Hacking With Swift's 100 Days of SwiftUI". In this exercise tracking ap

Eric Tolson 2 Dec 14, 2022