Swift 學習筆記

A collection of 8 posts
新海誠電影 app|page control, button, gesture, AVFoundation
Swift 學習筆記

新海誠電影 app|page control, button, gesture, AVFoundation

知道生命很短暫,我知道死亡隨時會來臨,即使如此,再一年、再一天,就算只是再一小時,我們都想活下去! ——《鈴芽之旅》 每一幀畫面都可以當桌布,這是我對新海誠動畫作品的印象。 從《秒速五公分》開始入坑新海誠宇宙,到後來的《言葉之庭》,災難三部曲《你的名字》、《天氣之子》到今年上映的《鈴芽之旅》,一開始會被精緻畫面吸引,再來會跟著故事劇情展開冒險,最後反覆回味新海誠想傳達的價值觀,作品既有娛樂性又富有寓意。 對他的稱呼也慢慢從新海誠、新海導演,變成誠哥,是這個世代我最喜歡的動畫導演。為了表達支持、瞭解他的創作理念和一窺幕後秘辛,很少買電影周邊的我,還入手了電影海報相框組、官方美術設定集和捨不得拆封的藍光光碟。 趁這次練習,就來簡單介紹他的災難三部曲吧! 學習目標 1. 運用 page control, button & gesture 手勢滑動。 2. 用 AVFoundation 框架來播放音樂。 Demo 操作示範
9 min read
復刻 Netflix APP 初步練習|Netflix clone, UIkit, xcode
Swift 學習筆記

復刻 Netflix APP 初步練習|Netflix clone, UIkit, xcode

身為資深劇迷,Netflix 可以說是我的第三個家(第一個家是史萊姆,第二個是動畫瘋~巴哈我大哥)。 上禮拜開始,我決定要給自己一個挑戰 — 試著刻出一個 Netflix App…其中的 3 頁! 畢竟有多少機會能把自己喜歡的片單都排進全球熱門排行呢🔥? 其實一開始只是想藉這個機會,好好熟悉 Xcode 的 Interface Builder,學習用表格建立一個電子書 app,所以先找了設計師前輩做的 UI。但後來想想,既然要做,乾脆就模仿此時此刻的 Netflix UI,雖然這樣更有挑戰性,但這樣日後回顧時會更有趣! 學習目標 1. 搭配 tab bar controller & navigation controller 2. 學習 table view controller with static cells 3.
8 min read
認識 iOS 的 UI 元件|Xcode
Swift 學習筆記

認識 iOS 的 UI 元件|Xcode

這次來認識一下 Xcode 裡頭的 UI 元件,畢竟初來乍到,總是要跟前輩們拜個碼頭,讓之後的 swift coding 之路更加順利(是時候跟同學們一起團購綠色乖乖了?)。 目標 UI 元件前輩拜訪清單如下: Segmented Control,Slider,Switch,Activity Indicator View,Progress View,Page Control,Date Picker,Visual Effect View with Blur,Color Well 說到 UI 前輩就不能不來推薦他最振奮人心的這首歌: {{< youtube jeqdYqsrsA0 >}} 哦這是 IU 晶醬🎤 總之,就用這帶來好心情的旋律展開 UI 研究吧! 參考官方文件
5 min read
錄製 App 操作畫面 - xcode 內建錄製 Gif 影片
Swift 學習筆記

錄製 App 操作畫面 - xcode 內建錄製 Gif 影片

每天有那麼多 app 誕生,我們很少有閒情逸致可以下載 app 後把玩幾天再決定要不要用。 除非你有開盲盒的興趣,或是把 app 當轉蛋在開箱。 更多時候我們會在下載 app 前做一件事 — 看 app 預覽畫面。 用圖片或影片預覽 app 基本款是看圖片,會有 app 的操作介面、主打功能等等 用心一點的 app 像 Kono 電子雜誌 還會提供影片,在短短 30 秒內精銳盡出,省得下載後才發現我們不適合。(這裡有官方提供的 App 預覽規格) 雖然說下載只是不到 30 秒鐘的事情 但如果花個 3 秒鐘,就能少浪費 3 倍以上的時間 拿來追更多劇不是更好嗎? 什麼?可以邊下載 app 邊追劇?
3 min read
番茄鐘 – 專注草原|Timer, Player
Swift 學習筆記

番茄鐘 – 專注草原|Timer, Player

一款簡約的番茄鐘 APP,讓你在令人心曠神怡的專注草原上,每次前進一小步,並在蟲鳴鳥叫聲中小憩片刻。 作品介紹 一款簡約的番茄鐘 APP,讓你在令人心曠神怡的專注草原上,每次前進一小步,並在蟲鳴鳥叫聲中小憩片刻。 學習目標 1. 倒數計時:Timer 2. 進度條控制:progressBar 3. 音檔播放:AVAudioPlayer 練習方向 1. 設計版面 UI 元素 2. 用 IBOutlet 設計 UI 介面 3. 加入程式碼 4. 測試與優化 練習步驟 Step 1: 建立 UI 首先,用 Xcode 的 Storyboard 來設計專注草原。 @IBOutlet weak var
7 min read
今天午餐吃什麼?Array、Int random 練習
Swift 學習筆記

今天午餐吃什麼?Array、Int random 練習

辦公室總是有午餐選擇困難症?點點按鈕找靈感吧! 作品目的 為了解決每日的午餐選擇困難症,透過這個小專案,可以隨機挑選午餐,並熟悉 Swift 的基礎知識。 學習目標 1. 熟悉 Xcode 介面 2. 掌握 Array 陣列的使用 3. 學會使用 Int random 隨機函數 APP 的主要功能 按下按鈕時,APP 會隨機推薦以下五種料理,並附上示意圖。這些圖片我都是使用 Canva 製作,並且利用 App Icon Generator 產出 3 種大小,提供 Xcode 使用。 1. 中式:炒飯 2. 韓式:石鍋拌飯 3. 美式:
4 min read
如何在 iOS APP 加入 Google map?|Google Maps for iOS 串接練習
Swift 學習筆記

如何在 iOS APP 加入 Google map?|Google Maps for iOS 串接練習

練習在 iOS APP 串接 Google maps,學習安裝 Google Maps for iOS SDK 作品目的 練習在 iOS APP 串接 Google maps。 學習目標 * 因應 M1 環境更新 Ruby 版本 * 安裝 cocoapods * 設定 Google Maps for iOS 設定流程 1. 安裝 CocoaPods 於 M1 MacBook * 安裝Homebrew * 使用Homebrew安裝CocoaPods * 安裝全新的 Ruby 版本 * 設置 CocoaPods * 驗證安裝 2. 安裝 Google
4 min read
Swift 學習筆記:基本型別、初學者資源
Swift 學習筆記

Swift 學習筆記:基本型別、初學者資源

開始決定學習程式語言 Swift 後,我先問 ChatGPT 如何學好這門程式語言,它的建議是: 1. 學習 Swift 語言 Swift 是 Apple 的程式語言,用於開發 iOS、macOS、watchOS 和 tvOS 應用程式。你可以從 Apple 的 Swift Playgrounds 或者線上教學平台如 Codecademy、Udemy 等學習 Swift。 2. 熟悉 Xcode Xcode 是 Apple 的開發工具,你將在這裡撰寫程式碼、設計使用者介面、測試應用程式等。你可以在 Apple 的 Xcode 資源頁面 找到相關的教學資源。 3. 學習基本的
5 min read