iT邦幫忙

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

技術 Day10 - SwiftData 動態排序

前文 昨天教完各位如何編輯完資料之後,今天會教各位怎麼排序資料。 建立排序的按鈕 先建立一個 sort 然後是 Bool 型別的,然後在建立一個按鈕用來表示資...

鐵人賽 Mobile Development DAY 8

技術 Day08 - Chart 圖表搭配SwiftData使用

前文 昨天我們弄好主要頁面之後,今天我們要使用 Chart 的圓餅圖來觀察我們的資料。 首先我們要先創一個頁面在 View 資料夾裡,取名叫做 Home ,然...

鐵人賽 Mobile Development DAY 9

技術 Day09 - SwiftData 編輯資料

前文 昨天實作完新增跟刪除之後,今天我們要來編輯資料,那因為原本官方的範例是時間戳那這個比較不符合我們要刪除資料的規範,通常刪除資料可能會透過 ID (Prim...

鐵人賽 Mobile Development DAY 7

技術 Day07 - 管理食物相關資訊App

前文 昨天實作完新增跟刪除之後,我們之後要使用Chart這個框架來搭配SwiftData,所以我們今天要重新設計一個資料模型。 Model 這邊是資料表的內容...

鐵人賽 Mobile Development DAY 6

技術 Day06 - SwiftData 的新增跟刪除

前言 昨天教完各位使用SwiftData 必須做的前置步驟後,今天我們開始要來講解怎麼把資料做新增跟刪除。 這邊我們看到 ContentView 最底下的...

鐵人賽 Mobile Development DAY 1

技術 Compose Multiplatform 實戰:用Kotlin從零開始開發跨平台App完整教學

(2024/08/19更新)Hi這幾天我陸續把文章刪掉了因為我之前是用fb登入IT邦但是一直遇到應用程式並非使用中此應用程式目前無法使用且應用程式開發人員已得...

鐵人賽 Mobile Development DAY 5

技術 Day05 - SwiftData 的前置作業

前言 昨天介紹完 MVVM 後 今天終於要來實作 SwiftData 了那開啟專案後是不是發現多了 Item 跟 ContentView 然後裡面都已經寫了一...

鐵人賽 Mobile Development DAY 4

技術 Day04 - 讓專案變成 MVVM 架構

什麼是MVVM? MVVM代表Model-View-ViewModel,是一種用於構建用戶界面的軟體架構模式。它源於MVC(Model-View-Control...

鐵人賽 Mobile Development DAY 3

技術 Day03 - 什麼是 SwiftData

SwiftData 初探 SwiftData 是 WWDC23 中發表的一個新的框架,所以想要使用 SwiftData 需要 Xcode 15 &...

鐵人賽 Mobile Development DAY 2

技術 Day02 - SwiftUI 介紹

前文 還記得去年,教各位使用 UIKit 這個框架去開發iOS App ,今年我想教各位一些 SwiftUI 的小知識 首先什麼是 SwiftUI SwiftU...

鐵人賽 Mobile Development DAY 1

技術 Day01 - Swift進階之旅:開啟30天學習序幕

前文 歡迎來到「Xiang教你進階Swift從有到精」系列的第一天!我是Xiang,很高興能夠再次與大家相聚在這個學習的平台上。 去年我們一起學習了Swift的...

鐵人賽 Mobile Development DAY 1

技術 Compose Multiplatform 從零到有 指南/教學

(2024/08/19更新)Hi這幾天我陸續把文章刪掉了因為我用fb登入IT邦但是一直遇到無法使用應用程式 可能是FB更新 接API那邊也要改(日常issue...

鐵人賽 Mobile Development DAY 30

技術 Day 30: SwiftUI LeetCode 演算法 App 寫測試 Test 與完賽感想

沒想到居然完成了三十天挑戰,最後一篇來記錄一下本次參賽感想。 順便教學一下 SwiftUI App 要如何進行測試。 如何寫測試 在前面篇幅裡介紹 SwiftU...

鐵人賽 Mobile Development DAY 29

技術 Day 29: SwiftUI Search bar 搜尋 LeetCode 列表,Section 顯示演算法主題

本篇要來實踐 SwiftUI 列表搜尋功能,在 LeetCode 題目越來越多且越來越複雜的情況下,要一個一個找想看的題目變得越來越麻煩,此時就需要善用搜尋功能...

鐵人賽 Mobile Development DAY 28

技術 Day 28: SwiftUI 展示 LeetCode 頁籤滑動換頁: TabView 實作

本系列倒數第三篇了,接下來要讓 LeetCode 內頁更豐富,可以注意到每次打開 LeetCode 看題目詳細的時候,會發現上面有選擇 Tab 可以讓我們切換不...

鐵人賽 Mobile Development DAY 26

技術 Day 26: SwiftUI 計時器 Timer:計算 LeetCode 刷題時間

LeetCode 刷題時總是要計算一下自己到底解題解了多久, LeetCode 右上角剛好有一個很佛心的計時器可以幫助我們解決這個問題,而本篇要把這個功能利用...

鐵人賽 Mobile Development DAY 25

技術 Day 25: SwiftUI 顯示 LeetCode 提示折疊效果

本篇要來關注 LeetCode 題目下面有三個區塊是被收起來,等到用戶去打開它才會展開。 分別是 Discussion (題目討論)、Similar Quest...

鐵人賽 Mobile Development DAY 26
SwiftUI 男孩 系列 第 26

技術 Day 26: UIViewControllerRepresentable

Photo by Tonia Kraakman on UnsplashMount Cook, Canterbury, New Zealand 當你在紐西蘭的庫克...

鐵人賽 Mobile Development DAY 24
SwiftUI 男孩 系列 第 24

技術 Day 24: @ViewBuilder

Photo by Sébastien Goldberg on UnsplashLake Tekapo, Nouvelle-Zélande Create Chil...

鐵人賽 Mobile Development DAY 23
SwiftUI 男孩 系列 第 23

技術 Day 23: Data binding: @State, @Binding, read-only property

Photo by Sébastien Goldberg on UnsplashMount Cook, Nouvelle-Zélande 期望實作這功能 Rati...

鐵人賽 Mobile Development DAY 23

技術 Day 23: SwiftUI 紀錄收藏的 LeetCode 題目:UserDefaults 和 @AppStorage

LeetCode 題目隨著我們一題一題實作過後,我們需要知道到底做過了多少題目,將它收藏起來,不想要打開 App 的時候發現怎麼跟剛下載的一樣,一點變化都沒有,...

鐵人賽 Mobile Development DAY 21

技術 Day 21: SwiftUI 用 GIF 圖片動畫播放任何 LeetCode 演算法

前篇提到,業界專業的 App 如果有 UIUX 設計師,會使用 Lottie 產出輕量的 JSON 檔,並套用 Lottie SDK 跟封裝好的 SwiftUI...

鐵人賽 Mobile Development DAY 21
SwiftUI 男孩 系列 第 21

技術 Day 21 : Figma 產生 SwiftUI code

Photo by Casey Horner on UnsplashLake Pukaki, New ZealandLake Pukaki 的 Twizel Hi...

鐵人賽 Mobile Development DAY 20
SwiftUI 男孩 系列 第 20

技術 Day 20 : Mock API

Photo by Sulthan Auliya on UnsplashQueenstown, New Zealand Press ‘Command + N’ t...

鐵人賽 Mobile Development DAY 19

技術 Day 19: SwiftUI 展示 「會動的」LeetCode 題目,使用圖片動畫 Lottie

上一篇我們講解了回溯 Backstracking 演算法的概念,如果不清楚可以回去回顧一下 導讀 LeetCode 演算法 - Backtracking (Sw...

鐵人賽 Mobile Development DAY 19
SwiftUI 男孩 系列 第 19

技術 Day 19: Codable, Equatable, Identifiable

Photo by Michael Amadeus on UnsplashQueenstown, New Zealand 假如今天我有一份 JSON Payloa...

鐵人賽 Mobile Development DAY 18
SwiftUI 男孩 系列 第 18

技術 Day 18: ~~不義遊戲~~跳轉頁面,逆轉!

Photo by Tom Sakai on UnsplashMid-Winter Queenstown, New Zealand Press ‘Command...

鐵人賽 Mobile Development DAY 17
SwiftUI 男孩 系列 第 17

技術 Day 17: 有 bug 劇情反轉!!!

Photo by Ömer Faruk Bekdemir on UnsplashQueenstown Hill, Queenstown, New Zealand...

鐵人賽 Mobile Development DAY 17

技術 Day 17: SwiftUI 展示「Linked List」題目,如何運用 Circle、Path、MVVM

我們學會了 Linked List 知識後,接下來就是要結合 SwiftUI 知識一起實現這個資料結構了,如果你還沒懂鏈結串列,強烈建議你在前往上一篇複習 導讀...

鐵人賽 Mobile Development DAY 16
SwiftUI 男孩 系列 第 16

技術 Day 16: SwiftUI TabView (下)

Photo by Laura Smetsers on UnsplashThat Wanaka tree 今天建立 Auckland, New Zealand 的...