iT邦幫忙

swiftui相關文章
共有 172 則文章
鐵人賽 Mobile Development DAY 16

技術 【Day 16】Swift UI - Human interface guidelines

tags: 釣魚術 swift swiftui 雜談 今天重點有兩個:(1) 移動地圖畫面擷取中心座標的方式,會較使用 GeometryReader 抓取螢幕...

鐵人賽 Mobile Development DAY 20

技術 D20 - 使用 SwiftUI 讓有趣的點子變成 Apps{無限猴子打字機: 專案}

和 D5 一樣手法,開一個無限猴子打字機的專案。 D5-葛麗絲逆走鐘: 開專案和畫上針 猴子打字機專案規格 (UI 部分) 目標文字,讓使用者決定猴子的目標...

鐵人賽 Mobile Development DAY 6

技術 Flutter Developer Learning SwiftUI. @State var lesson6 = "顯示圖片"

Today Preview 1. 正文 「先感謝蒼老師今天來代課❤️」 今天示範了Image幾個常見的效果首先最重要的是:先套.resizable再說預設會填...

鐵人賽 Mobile Development DAY 15

技術 【Day 15】Swift UI - 重構 FishingLocationView / SecretLocation / 使用 switch case

tags: 釣魚術 swift swiftui 雜談 寫程式和重構,是同時發生的。 昨天寫到一個段落後,覺得程式碼的閱讀性降低很多。 一個簡單的釣點地圖裡...

鐵人賽 Mobile Development DAY 19

技術 D19 - 無限猴子打字機 idea

葛麗絲逆走鐘,在前一天結束了,接下來在鐵人賽進行第二個 idea 思想實驗: 無限猴子打字機 1909 年,埃米爾·博雷爾出版的書中,介紹了打字的猴子這個機率...

鐵人賽 Mobile Development DAY 5

技術 Flutter Developer Learning SwiftUI. @State var lesson5 = "顯示文字"

Today Preview 1. 正文 今天就是更平凡的一集了純粹就是示範Text的效果而已了那我就不廢言了,看code吧(我還是想不通沒事特地出個Label...

鐵人賽 Mobile Development DAY 14

技術 【Day 14】Swift UI - MapMarker / MapAnnotation 在地圖上畫記

tags: 釣魚術 swift swiftui 雜談 自己挖的坑自己跳 另外一位釣魚大大沒有開賽,我好難過 關於「用嘴巴寫程式」 - iThome 上面有篇文...

鐵人賽 Mobile Development DAY 18

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

和葛麗絲的 wiki page 一樣,我們做一個按鈕,來把格言彈出來。 在 ClockContainerView,我們已經將每個 button 抽出來,所以這個...

鐵人賽 Mobile Development DAY 4

技術 Flutter Developer Learning SwiftUI. @State var lesson4 = "排列"

Today Preview 1. 正文 今天的主題是排列排列就是佈局的基礎「不是決定元件要放在畫面的哪裡,而是將畫面分割成若干部分」SwiftUI這點跟Flu...

鐵人賽 Mobile Development DAY 13

技術 【Day 13】Swift 擷取螢幕手勢

tags: 釣魚術 swift swiftui 拆解欲開發的功能 我們接續先前釣點地圖功能的實作,有一個功能是長按地圖畫面 > 是否新增私房釣點? 長...

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

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

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 1

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

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 14

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

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

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 13

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 7

技術 【Day 7】Swift UI - Extract Subview

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 6

技術 【Day 6】Swift UI NavigationView

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 9

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

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