iT邦幫忙

swiftui相關文章
共有 235 則文章
鐵人賽 Mobile Development DAY 28

技術 [Day 28] 實現 iOS 自動化部署(三)- 建構完整的 Pipeline

為我們的 App 加上 logo 在我們開始寫我們的 pipeline 之前,我突然想到有一件很重要的事情,那就是為我們的 App 加上一個看起來很讚的 ico...

鐵人賽 Mobile Development DAY 25

技術 [Day 25] 使用 XCTest 來建立單元測試

前言 CSV 資料的讀取與解析,這項功能是 App 的核心之一。然而,隨著專案越來越複雜,我們很可能會在未來的某個時候不小心改動到相關程式碼,或是 CSV 檔案...

鐵人賽 Mobile Development DAY 24

技術 [Day 24] 地理圍欄通知(二)

前言 首先簡要回顧前幾天的進度: Day 11:我們實作了地理圍欄的核心功能,讓 App 能夠在用戶進入或離開特定區域時觸發事件 。 Day 21 &a...

鐵人賽 Mobile Development DAY 23

技術 [Day 23] 地理圍欄通知(一)

前言 今天要來完成的是地理圍欄(Geofencing)功能,讓使用者可以針對選定的里程位置訂閱通知,當進入/離開該區域時,會收到推播通知。 關於在 Loacti...

鐵人賽 Mobile Development DAY 22

技術 [Day 22] 導向地圖 App - URL Scheme

今天要來完成將圖標地點用 Apple Maps 或 Google Maps 來開啟。 URL Scheme 要在 App 之間進行跳轉,就如同網站一般,URL...

鐵人賽 Mobile Development DAY 21

技術 [Day 21] 里程定位與地圖顯示(七)- TapGesture & Sheet

接續昨天的進度,現在地圖上的圖標已經能按照資料集的經緯度精確標出位置,並在圖標上方顯示道路名稱與里程數。然而,僅有這些資訊是不夠的,我們需要提供一個更豐富的互動...

鐵人賽 Mobile Development DAY 20

技術 [Day 20] 里程定位與地圖顯示(六)- 佈局調整

今天我們先繼續把 UI 調整跟草圖接近一致。目前上半部的選項與下方的地圖區塊是分開的,為了讓選項卡片能夠疊在地圖上,我們要將這些既有元件放到 ZStack 裡。...

鐵人賽 Mobile Development DAY 19

技術 [Day 19] 里程定位與地圖顯示(五)- 自訂元件樣式

在 SwiftUi 中自訂元件樣式 當你使用 SwiftUI 框架提供的元件,通常來說你能夠自訂的部分不多,不然就會受到許多限制。以 Picker 來說,你能改...

鐵人賽 Mobile Development DAY 18

技術 [Day 18] 里程定位與地圖顯示(四)- Picker 滑動時會亂跳?開立 bug 單吧!

在我們昨天的進度中,我們建立了一個選擇道路的 Picker。但正當我興高采烈地測試時,發現了一個奇怪的 bug:當我快速滑動 Picker 的選項列表,手指一放...

鐵人賽 Mobile Development DAY 17

技術 [Day 17] 里程定位與地圖顯示(三)- 實作搜尋邏輯

今天要來填上核心的「搜尋」與「顯示」邏輯了,包含處理里程輸入,接收並驗證使用者輸入的公里數,並實作搜尋函式,處理不同里程格式的解析,找出最近的地理位置,最後在地...

鐵人賽 Mobile Development DAY 16

技術 [Day 16] 里程定位與地圖顯示(二)- Enum 與 Picker 搭配

前言 今天要做另一個重要功能,我們要讓使用者能根據選擇的公路類型(國道/省道)和輸入的里程數,從預載的 CSV 資料中進行搜尋,並在地圖上精準標示出對應的地理位...

鐵人賽 Mobile Development DAY 15

技術 [Day 15] 里程定位與地圖顯示(一)- 資料讀取

前言 第一個進行的 issue 是「里程定位與地圖顯示」,先用 VS code 來看一下這兩份 CSV(省道與國道)長什麼樣子: 我們現在的目標是,讀取 CS...

鐵人賽 Mobile Development DAY 11

技術 [Day 11] Geofencing — 實作地理圍欄功能

前言 在昨天的內容中,我們學會如何利用 Core Location 搭配 MapKit 即時取得並標記用戶的位置。今天,我們將實作地理圍欄(Geofencing...

鐵人賽 Mobile Development DAY 10

技術 [Day 10] MapKit 基本應用

前言 ​在前一天我們已經學會了如何使用 Core Location 來取得用戶位置,而今天我們要進一步將位置資訊反映在地圖上。我們可以使用 MapKit 此一蘋...

鐵人賽 Mobile Development DAY 9

技術 [Day 9] Core Location 基礎

前言 Core Location 是 iOS 開發中用於處理地理位置相關功能的框架。今天的目標是了解如何使用 Core Location 來管理權限以及獲取用戶...

鐵人賽 Mobile Development DAY 8

技術 [Day 8] 讀取與解析 CSV 資料

前言 在 App 開發中,有時需要從專案內置的資源檔(如 CSV、JSON)讀取資料。CSV 是用逗點分隔值的檔案,我們可以將之轉化為 SwiftUI 列表。這...

鐵人賽 Mobile Development DAY 7

技術 [Day 7] SwiftUI - 列表與導航

台 7 線 15 k SwiftUI 列表與導航 在 iOS 中,列表(List)和導航(Navigation)是兩個非常重要的基礎元件。前者用於展示大...

鐵人賽 Mobile Development DAY 6

技術 [Day 6] SwiftUI 基礎元件與佈局

SwiftUI 基礎元件介紹 在昨天中,我們學習了 Swift 語言的基礎語法。今天,我們要開始探索 SwiftUI 的基本元件和佈局方式。SwiftUI 採用...

鐵人賽 Mobile Development DAY 3

技術 [Day 3] Azure DevOps 設定與 Xcode 專案初始化

Azure DevOps 設定 什麼是 Azure DevOps? Azure DevOps 是微軟提供的開發工具服務平台,整合了版本控制、工作項目追蹤、自動化...

鐵人賽 Mobile Development DAY 2

技術 [Day 2] SwiftUI 與 UiKit 之比較與選擇

前言 在 Day 1 時曾提到,這次要開發的 App,是讓使用者能直接輸入公路的里程數,並即時在地圖上定位。這次我選擇以 SwiftUI 來開發,除了想藉此機會...

鐵人賽 Mobile Development DAY 1

技術 [Day 1] 前言

與 iOS 開發的相遇 大家好,我是個從律師轉職的軟體工程師,踏入這個領域不知不覺也快兩年了。回想當初轉換跑道,一切從自學 Python 開始,接著摸索資料庫、...

鐵人賽 Mobile Development DAY 30

技術 Day 30: 賽後感想

啊!終於是最後一天了!我真的沒想過我會把這30天寫完!!!很感謝看到這裡的大家! 想當初如果不是有朋友邀請報名團賽,我可能寫不到 15 天就會棄賽了吧XD,畢竟...

鐵人賽 Mobile Development DAY 29

技術 Day 29: SwiftUI 實作到期物品提示功能

我們要接續昨天的進度,為首頁新增一個功能,提示即將到期的物品,讓使用者能一眼就看見哪些物品需要注意,避免過期浪費。這個功能將顯示在首頁物品列表的上方,並會根據當...

鐵人賽 Mobile Development DAY 28

技術 Day 28: SwiftUI 顯示月份與自定義月份選擇器實作

最後幾天,我想要優化首頁的功能,讓它顯示當前月份即將到期的物品。所以我們需要在首頁上方的導覽列中,加入年份和月份的選擇功能。今天,我們將實作首頁上方的月份顯示功...

鐵人賽 Mobile Development DAY 27

技術 Day 27: SwiftUI Dependency Injection

前幾天都在趕進度,今天稍稍放慢腳步補充之前在 Day11 提到的依賴注入(Dependency Injection)。這個設計模式在大型專案中尤為重要,我們可以...

鐵人賽 Mobile Development DAY 26

技術 Day 26: SwiftUI 編輯與儲存掃描到的消費清單

今天我們要繼續昨天的進度,實作消費清單的編輯與儲存功能。當使用者掃描到 QRCode 後,會顯示出消費清單,點擊每一個項目後可以進行編輯,並且按下完成按鈕時,會...

鐵人賽 Mobile Development DAY 25

技術 Day 25: SwiftUI 轉換 Big5&Base64 為 UTF-8

昨天我們已經完成掃描 QRCode 並顯示購物清單的功能,但是當遇到不同編碼的 QRCode 資料時(例如 Big5 和 Base64),會出現問題。今天我們的...

鐵人賽 Mobile Development DAY 24

技術 Day 24: 掃描 QRCode 並顯示列表

昨天我們實作 QRCode 掃描並取得資料,今天我們將繼續這個功能,實作掃描完成後,將購物清單顯示出來並讓使用者可以進行編輯、刪除等操作。 目標 今天的實作主要...

鐵人賽 Mobile Development DAY 23

技術 Day 23: 掃描發票 QRCode 與取得內容

在今天的挑戰中,我們要加入一個重要的功能,就是掃描發票 QRCode 來幫助使用者加入家用品。這個功能會幫助使用者能夠更快速、方便的加入所購買的家用品。雖然今天...

鐵人賽 Mobile Development DAY 22

技術 Day 22: 更新帳務報表頁面 - 顯示分類比例與總金額

我們今天要來接續昨天實作的帳務報表頁面,進行進一步優化,主要是優化分類支出的呈現,讓使用者能快速掌握消費狀況。在現有的圓餅圖基礎上,新增顯示每個分類支出比例的區...