iT邦幫忙

swift相關文章
共有 960 則文章
鐵人賽 Mobile Development DAY 17

技術 D17 - 使用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 格言}

接下來想做名言佳句的頁面,要做的那一句,就是開頭 "Humans are allergic to change. They love to say,...

鐵人賽 Mobile Development DAY 3

技術 Flutter Developer Learning SwiftUI. @State var lesson3 = "常用Modifier"

Today Preview 1. 正文 今天是開始寫SwiftUI的第一天之後的程式碼都會採取貼圖的方式就不打程式碼出來了因為iThome的配色不太好看又會折...

鐵人賽 Mobile Development DAY 2

技術 Flutter Developer Learning SwiftUI. @State var lesson2 = "啟動畫面"

Today Preview 外貿協會 今天來跟大家聊聊我寫mobile app覺得第二重要的東西 -> launch view(第一重要的是app ic...

鐵人賽 Mobile Development DAY 16

技術 D16 - 葛麗絲逆走鐘: 顏色選擇器 ColorPicker

Apple 對 Color Picker 的文件 https://developer.apple.com/documentation/swiftui/color...

鐵人賽 Mobile Development DAY 1

技術 Flutter Developer Learning SwiftUI. @State var lesson1 = "Hello World"

寫在前面 hihi 大家好, 好久不見(有人認識我嗎?)我又回來鐵人賽了(為什麼說又呢)這次來學一下SwiftUI(以一個iOS Developer叛徒的身份)...

鐵人賽 Mobile Development DAY 15

技術 D15 - 使用 SwiftUI 讓有趣的點子變成 Apps{葛麗絲逆走鐘: 彈出一個 sheet 裝載剛剛的 WKWebView}

剛剛做好了 WebView,然後我們需要一個 button,在點擊之後把一個新的 View 從下方滑到上方。這個過場在 iPhone 裡面是非常常見的操作,先做...

鐵人賽 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 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...

技術 如何改善 ReorderControl 在夜間時看不清楚的問題

如圖,紅匡處的拖動icon 的顏色在夜間模式看不清楚。 很簡單呀,自定義accessoryView就可以了 這是我最初想到的方法,但是並不是像我養的這麼簡單。結...