iT邦幫忙

swiftui相關文章
共有 214 則文章
鐵人賽 Mobile Development DAY 10

技術 【Day 10】Swift UI - Map Kit 實作釣點地圖功能

tags: 釣魚術 SwiftUI 回顧一下先前提及的功能,以及目前對於這些功能的理解 功能許願池 地圖 私藏釣點 釣點選擇 前往釣點 其他功能 集郵...

鐵人賽 Mobile Development DAY 9

技術 【Day 9】Swift UI - 初步完成 ToxicFishListView / 導入 TabView

tags: 釣魚術 SwiftUI 開發筆記 我們幾乎是完成了有危險的魚類圖鑑,接下來要製作下一個功能,釣點紀錄的功能。 在那之前,不同功能的畫面之間,應該要...

鐵人賽 Mobile Development DAY 14

技術 D14 - 使用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 加上 WebView 讀取外部網頁}

現代的 app,基本都會有和網路進行溝通的 feature。現在想加上一頁 WebView,去連到葛麗絲.霍普的 wiki 頁面。把他連到 wiki 頁面,就可...

鐵人賽 Mobile Development DAY 8

技術 【Day 8】Swift UI - ScrollView & LazyVStack

tags: 釣魚術 SwiftUI 開發筆記 回顧與分析 昨天我們因為加入了新的魚,五張魚卡/四種魚分類之後,導致佈局很奇怪... 因為畫面中四種魚分類(Fi...

鐵人賽 Mobile Development DAY 13

技術 D13 - 使用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 機芯 ObservableObject}

在 D4 的文章,我本來設計了三個物件 時針、分針、秒針 錶盤 動力來源(真實世界的機芯) 目前完成了上面兩個,也讓這個 app 跑起來,不過,我還是想要有...

鐵人賽 Mobile Development DAY 7

技術 【Day 7】Swift UI - Extract Subview

tags: 釣魚術 SwiftUI 開發筆記 當這個 吃魚神器 APP 開發的過程走到現在是第七天,觀察到下列現象: 外觀不再單調,也意味著,程式碼越來越多...

鐵人賽 Mobile Development DAY 12

技術 D12 - 使用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 把角度計算器放進 View 裡面}

完成了 AngleUtility 後,在 ClockContainerView init 完,就可以使用了。 private let angleUtility:...

鐵人賽 Mobile Development DAY 6

技術 【Day 6】Swift UI NavigationView

tags: 釣魚術 SwiftUI NavigationView 開發筆記 經過閱讀由 SimpleBoilerplates GitHub 提供的 Cheat...

鐵人賽 Mobile Development DAY 11

技術 D11 - 葛麗絲逆走鐘: 角度計算器與單一職責原則 Single Responsibility Principle

前一天的文章裡,我們取得了當下的時間,現在需要把時分秒針的角度算出來。但…負責計算的程式碼,該放在哪裡比較好呢? 該不該另外寫一個物件出來處理? 如果「只」考慮...

鐵人賽 Mobile Development DAY 5

技術 【Day 5】Swift UI 的緩慢學習之路 - 使用 ForEach 捉對廝殺

tags: 釣魚術 SwiftUI 開發筆記 學習 Swift 的第一週,感覺好像正在進行隕石式開發...真的芭比Q惹 昨天去吃喜酒,第一次去福華...吃了...

鐵人賽 Mobile Development DAY 4

技術 【Day 4】Swift UI 的緩慢學習之路 - List / HStack / VStack

tags: 釣魚術 SwiftUI 前情提要 這次在學習 SwiftUI 的過程中,好像比預計的緩慢一些;接下來還有 26 篇文章,先前還沒提到 App 的最...

鐵人賽 Mobile Development DAY 10

技術 D10 - 用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘:讓時鐘動起來}

SwiftUI 的資料流,建議使用 Apple 的 action → state → view 的方向。所以,我們先設計出「狀態(State)」。 這個單一方向...

鐵人賽 Mobile Development DAY 9

技術 D9 - 用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘:組合錶盤和時分秒針}

錶盤和時分秒針都完成之後,我們開始組合這些元件。之前宣告要組合這些組件的 View 為 ClockContainerView,把物件用 ZStack 組起來的程...

鐵人賽 Mobile Development DAY 8

技術 D8 - 使用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 錶盤上的刻度}

人類在錶盤上還會設計刻度,雖然這個刻度並不是必要的,不過做出來並不困難,只是畫一條線而已,今天就來實作這邊的程式碼。 struct Tick: Shape {...

鐵人賽 Mobile Development DAY 2

技術 【Day 2】Swift UI 打版(1) - 透過 Figma 進行原型設計

tags: 釣魚術 ListView Figma SwiftUI 雜談 我在淡水河畔的師傅總是耳提面命著那麼一句話⋯⋯ 『一魟,二虎,三沙毛,四斑午,五象耳,...

鐵人賽 Mobile Development DAY 7

技術 D7 - 用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 錶盤}

如果從錶面最靠近觀看者的部分往下走,依序為 秒分時針/錶盤/機芯。接下來,我們來做錶盤。設計圖如下 從上方的圖,可以拆解成 數字從 1 到 12 數字的偏移...

鐵人賽 Mobile Development DAY 1

技術 【Day 1】開賽日:廣東爸爸沒教的奢侈釣魚術

開賽囉 一年一度的鐵人賽,要開賽啦!!因為不知道要寫什麼咧,剛好又想搞些好玩的東西,接下來的三十天,應該會有很多亂七八糟的內容,摧殘各位的雙眼,請見諒囉。 老...

鐵人賽 Mobile Development DAY 6

技術 D6 - 使用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 時分秒 針}

在前一天,我們畫出了針的雛型,而我想做的時鐘,是有時、分、秒針的。 時分秒的差別,我這邊選擇使用 enum。在 getLengthRatio() 上設定每根針的...

鐵人賽 Mobile Development DAY 5

技術 D5 - 用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 開專案和畫上針}

專案的第一步: 開新 Project。我們先給他一個名字,Organization Identifier 是必填,所以填上一個組織名稱,在習慣上,我們會將 do...

鐵人賽 Mobile Development DAY 4

技術 D4 - 用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘 idea}

第一個 App 要做的是逆走的時鐘,緣由要從某天逛書店的時候,看到的一本童書講起。這本書是「程式女王-揪出電腦 bug 的葛麗絲.霍普」。 發想點 在讀了繪本...

鐵人賽 Mobile Development DAY 3

技術 D3 - 用 SwiftUI 讓有趣的點子變成 Apps{SwiftUI Apple 文件介紹的資料流}

Apple SwiftUI 說明文件 Apple 資料流文件 https://developer.apple.com/documentation/swiftui...

鐵人賽 Mobile Development DAY 2

技術 D2 - 用 SwiftUI 讓有趣的點子變成 Apps{SwiftUI preview 功能,即時看到你的修改結果}

當你創造一個 SwiftUI 空專案的時候,他會預設做好 ContentView,使用 SwiftUI 進行開發的時候,右方會有 Preview,開發者可以在調...

鐵人賽 Mobile Development DAY 1

技術 D1 - 用 SwiftUI 讓有趣的點子變成 Apps{SwiftUI 簡介}

挑戰賽文章列表 D2-SwiftUI preview 功能,即時看到你的修改結果D3-SwiftUI Apple 文件介紹的資料流D4-葛麗絲逆走鐘 ideaD...

技術 [SwiftUI] 如何統計數字重複的次數

如果我有一個數字的陣列變數[2, 1, 2, 3, 5, 6, 8, 9],想要計算(0~9)各個數字在陣列中重複的次數。->0: 0次1: 12: 23...

技術 【XCode 使用技巧】官方工具 x 你所不知道的開發功能

XCode 使用技巧 XCode x Swift x SwiftUI 目錄 前言 : 何時才能愉快的寫 Code ? 源起 XVim2 插件 開發環境 面板...

鐵人賽 自我挑戰組 DAY 11

技術 Day11:好奇寶寶之來玩玩 SwiftUI - 繼續做 APP(2)

前前言 嗨,大家好,我是 Lacie,您現在收看的是 Swift - 來吧!鐵人三十項 系列的第十一篇在鐵人賽完結後,為保持持續做筆記的習慣將會在我的 Medi...

鐵人賽 自我挑戰組 DAY 10

技術 Day10:好奇寶寶之來玩玩 SwiftUI - 繼續做 APP(1)

前前言 嗨,大家好,我是 Lacie,您現在收看的是 Swift - 來吧!鐵人三十項 系列的第十篇在鐵人賽完結後,為保持持續做筆記的習慣將會在我的 Mediu...

鐵人賽 自我挑戰組 DAY 9

技術 Day09:好奇寶寶之來玩玩 SwiftUI - @State

前前言 嗨,大家好,我是 Lacie,您現在收看的是 Swift - 來吧!鐵人三十項 系列的第九篇在鐵人賽完結後,為保持持續做筆記的習慣將會在我的 Mediu...

鐵人賽 自我挑戰組 DAY 8

技術 Day08:好奇寶寶之來玩玩 SwiftUI - 排列

前前言 嗨,大家好,我是 Lacie,您現在收看的是 Swift - 來吧!鐵人三十項 系列的第八篇在鐵人賽完結後,為保持持續做筆記的習慣將會在我的 Mediu...

鐵人賽 自我挑戰組 DAY 7

技術 Day07:好奇寶寶之來玩玩 SwiftUI - 按我吧!Button!

前前言 嗨,大家好,我是 Lacie,您現在收看的是 Swift - 來吧!鐵人三十項 系列的第七篇在鐵人賽完結後,為保持持續做筆記的習慣將會在我的 Mediu...