iT邦幫忙

swiftui相關文章
共有 172 則文章

技術 [SwiftUI] 讓開發的 Mac App 擁有自動更新的功能 - Sparkle

Sparkle Sparkle 套件是最常見的 Mac App 檢查更新方案 本章介紹如何安裝並使用 Sparkle 1. 加入 Sparkle 套件 首先在...

鐵人賽 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
SwiftUI 男孩 系列 第 26

技術 Day 26: UIViewControllerRepresentable

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

鐵人賽 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 24
SwiftUI 男孩 系列 第 24

技術 Day 24: @ViewBuilder

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

鐵人賽 Mobile Development DAY 23

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

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

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

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

技術 Day 15: SwiftUI TabView (上)

Photo by Roell de Ram on Unsplash 客串演出:東堂葵 跟我一起大聲唸下面咒文 TabView or Tab bars is...

鐵人賽 Mobile Development DAY 30
SwiftUI 的大大小小 系列 第 30

技術 Day 30 - 在 SwiftUI 中 DatePicker 的基本用法

和 UIKit 提供的 UIDatePicker 不一樣,SwiftUI 的 DatePicker 看起來功能多很多。那今天就來看一些 DatePicker...

鐵人賽 Mobile Development DAY 15

技術 Day 15: SwiftUI 展示「Two Pointers」題目,利用動畫 withAnimation 播放

看完上一篇介紹,我們學習到 Two pointers 是 LeetCode 解題的重要關鍵,如果學會了,很多題目都可以迎刃而解,而我們今天要利用 SwiftUI...

鐵人賽 Mobile Development DAY 29
SwiftUI 的大大小小 系列 第 29

技術 Day 29 - 在 SwiftUI 中使用 alert

在 iOS 15 之後,要顯示警告只需要透過 modifier 就能夠顯示: 新增一個 alert 顯示狀態的變數 加上 alert 需要按鈕,就只要在 a...

鐵人賽 Mobile Development DAY 28
SwiftUI 的大大小小 系列 第 28

技術 Day 28 - 在 SwiftUI 實作客製化 ToggleStyle

Day 27 - 在 SwiftUI 中使用 Toggle 前一天在第 27 天提到如何用 Toggle 並使用 .button 風格,但是我們發現了...

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

技術 Day 13: Swift package

Photo by Fabio Consilvio on Unsplash 上一篇埋個伏筆,今天我們來玩 Swift package 吧。 今天介紹用FLEX加入...

鐵人賽 Mobile Development DAY 13

技術 Day 13: SwiftUI 展示『陣列與字串』 題目及解說

當然只介紹資料結構是不夠的,網路上資料到處都是,而本系列要融入 SwiftUI 去呈現這些知識,這次的概念會利用到 TextField 、Text 跟 Stat...

鐵人賽 Mobile Development DAY 27
SwiftUI 的大大小小 系列 第 27

技術 Day 27 - 在 SwiftUI 中使用 Toggle

在 UIKit 中的 UISwitch ,在 Swift 就是 Toggle 了。而 Toggle 有 UISwitch 所沒有的功能,那今天就來分享基本的使...

鐵人賽 Mobile Development DAY 26
SwiftUI 的大大小小 系列 第 26

技術 Day 26 - 在 SwiftUI 中使用 presentationDetents 顯示非全版畫面

在過去,可能要用像是 FloatingPanel 這樣的 library 來顯示一半的 modal ,但是在近年來 Apple 終於提供原生的方式 &quot...

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

技術 Day 11 : SwiftUI List (下)

Photo by Asap PANG on Unsplash UIKit UITableViewCell → SwiftUI List Row List F...

鐵人賽 Mobile Development DAY 11

技術 Day 11: LeetCode題目詳情頁面,使用 SwiftUI Group 和 AttributedString

延續昨天製作的 LeetCode 題目詳細頁面,如果你還沒看,可以前往 LeetCode題目詳情頁面,使用 SwiftUI Text 和 ScrollView...