iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Software Development

Golang 工程師的 SwiftUI 之旅 系列

身為一個 Golang 後端工程師,又對開發 App 很有興趣,於是就開始玩起了 SwiftUI。
這系列帶你從 Golang 後端工程師的角度去學習 SwiftUI、
分享開發 iOS/MacOS 的經驗、
加上融合後端的概念(SQLite、Clean Architecture),來魔改 SwfitUI 的結構(X)。

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊SwiftUI 男孩
DAY 1

Day01: 前言、目錄、安裝 Xcode 的正確方式

前言 此系列帶你從一個 Golang 後端工程師的角度,逐步學習 SwiftUI 這個充滿蘋果美學的框架。並利用後端工程師熟悉的 SQLite 來建構資料庫,...

2023-09-16 ‧ 由 Yanun 分享
DAY 2

Day02: Xcode 介面指南

接下來要來認識一下 Xcode 中開發比較常會使用到的界面。 這邊只會介紹一些必要的視窗,其他較不重要的資訊會先忽略,或在後面章節提到。 沒提到的,就自己去找吧...

2023-09-17 ‧ 由 Yanun 分享
DAY 3

Day03: 一切畫面的基礎 - View、Preview Provider、Canvas

接下來就來看看剛剛建立的 SwiftUI 的程式碼是怎麼運作的吧。 主要畫面 這個檔案是整個畫面的進入點,主要的畫面會以這個 struct 的內容來做顯示。...

2023-09-18 ‧ 由 Yanun 分享
DAY 4

Day04: 放一些文字跟圖片吧 - Text、Image

文字 SwiftUI 內提供一個文字元件 Text 來顯示文字,讓我們來放一些文字進我們的 View 吧! Text("Faker! What wa...

2023-09-19 ‧ 由 Yanun 分享
DAY 5

Day05: 幫你的人生增添一點色彩 - Color、ForegroundColor

不管是文字、圖片,還有未來其他的元件都會用到顏色,今天就來看看 SwiftUI 的顏色。 Color Color 可以當作一個元件,也可以當作一個參數。 Sw...

2023-09-20 ‧ 由 Yanun 分享
DAY 6

Day06: 什麼?上下左右? - VStack, HStack, ZStack, Background, Overlay

前幾章我們提到的元件,都是以單個元件出現的,如果放了兩個就會出現不是我們預期的結果,像下圖這樣。 文字及圖片分別變成兩個預覽畫面了 那我們該如何在同一個...

2023-09-21 ‧ 由 Yanun 分享
DAY 7

Day07: 資料排排站 - ForEach, Identifiable

前幾張我們學到了 Text、VStack ... 等等,那我們如果要寫很多 Text,難道要一個一個寫? 這時候就輪到我們的 ForEach 出場了! ForE...

2023-09-22 ‧ 由 Yanun 分享
DAY 8

Day08: 等等,你的程式碼有點亂喔 - @ViewBuilder, Extension

我們學會了排版、資料顯示,所以接下來可以寫的東西越來越多了。 在這樣的狀況下常常會遇到程式碼沒有分類,像義大利麵條錯綜複雜的狀況。 本章就要跟你分享一些筆者整理...

2023-09-23 ‧ 由 Yanun 分享
DAY 9

Day09: 放一顆按鈕試試? - Button

除了靜態的顯示元件,動態的互動元件也很重要。從這個章節開始會介紹可以跟用戶互動的元件,按鈕、選單、輸入框。 Button Button 是 SwiftUI 提...

2023-09-24 ‧ 由 Yanun 分享
DAY 10

Day10: 暈頭轉向的資料綁定 - @State, @Binding, @StateObject, @ObservedObject

上一章我們學到 Button,按鈕都是在需要改變狀態的時候使用的,例如,增/減數量、輸入數值、登入狀態。 要做到這一點,最基本的是需要能改變 View 內的變數...

2023-09-25 ‧ 由 Yanun 分享