教學文章

免費 iOS App 開發教學文章,包括 Swift, SwiftUI, ARKit, Machine Learning 和 UIKit 等技術教學。
教學文章
React Native 簡介:以 JavaScript 建構 iOS App

React Native 簡介:以 JavaScript 建構 iOS App

我們已經看過 Titanium 和 PhoneGap 等框架,它們同樣能夠讓開發者使用網頁技術來建構行動 App 。這是一項優勢,因為開發者能夠將同一套技能同時運用於網頁及行動 App 的開發。不僅如此,同樣的基礎程式( Code Base )幾乎不必修改就能夠支援多個平台──亦即所謂的「只需撰寫一次,到處皆可執行」( Write
Swift 教學:如何使用iOS Charts API 製作漂亮的圖表
Swift 程式語言

Swift 教學:如何使用iOS Charts API 製作漂亮的圖表

在這個章節,我們來看要如何使用由 Daniel Cohen Gindi所開發的ios-charts library 。 ios-charts 是由 Philipp Jahoda所建立,是非常受歡迎Android的函式庫,MPAndroidChart 的iOS接口。 有了這個函式庫,你可以在App中,快速且容易地加入各種型態的圖表。只要幾行程式,你就擁有能夠運作且可互動的圖表,並且可以高度客製化。 函式庫的主要核心包括:
以Parse與Swift建構一個像Instagram一樣的App
Swift 程式語言

以Parse與Swift建構一個像Instagram一樣的App

這篇教學解釋了如何由Parse來建立後台的方法。我們會建立一個像Instagram 一樣的App,其中包含了這些功能: 從Parse 載入資料,將它存在local 端。 儲存資料至Parse,並將其寫入至雲端。 投票或者是對喜愛的貓咪圖片按讚。 這個App完全由Swift所建構,Swift是Apple作為iOS App的新程式語言。Parse還沒有以Swift來編寫,所以我們會建立一個Bridging Header來處理它。 以下將是你會學到的部分: 利用Parse 雲來做資料的存取
建立一個像Medium App的下滑選單

建立一個像Medium App的下滑選單

當一個使用者按下選單按鈕,主畫面下滑揭示了選單。如下圖是在Medium App中使用到下滑選單的畫面。 倘若你前面的章節有跟著一起進行,你應該對客製視圖控制器轉換有了基本的了解。本章,你將運用你所學到的來建造一個生動的下滑選單。 依照慣例,我想你不需要從頭建立專案,建議可以使用我們準備好的範例模板來開始,它包含了Storyboard 以及視圖控制器類別。你將會發現兩個視圖控制器。一個是主畫面(嵌入至導覽控制器中),而另一個導覽選單。倘若你執行專案,這個App應該會出現一個主畫面加上一些虛構的資料。 繼續往下進行之前,
如何使用AVFoundation進行QR Code掃描
Swift 程式語言

如何使用AVFoundation進行QR Code掃描

首先,什麼是QR Code?我相信你們大多數都已經知道什麼是QR Code了。倘若你還沒有聽過,看一下以下的這張圖,這就是QR Code。 提示: 你可以自己建立 QR Code,只要去QR Code Monkey網站便可以自己做一個。 QR(Quick Response 的縮寫)
Auto Layout 入門教學
Auto Layout

Auto Layout 入門教學

什麼地方出錯了?該怎麼做修正呢?問題的解答就是Auto Layout。Auto Layout 是一個以約束條件為基礎的佈局系統,它可以讓開發者建立一個可以因應不同螢幕尺寸與裝置(device)方向而調整的自適應介面(adaptive interface),我們很少在我們的教學文章中談到Auto Layout。有些初學者覺得它很難學習所以盡量避免去使用到它。Apple在2014年秋天推出了4.7英吋與5.5英吋的iPhone。如果沒有Auto Layout,
使用多點連線 (MPC )框架與 Swift 打造聊天 App
Swift 程式語言

使用多點連線 (MPC )框架與 Swift 打造聊天 App

你可能會好奇為何我要帶來這個有點舊的主題,而不是探討 iOS 8 所導入的新功能。因為我有下列 3 個理由: 許多讀者寫信給我,詢問如何透過之前文章提到過的多點連線來實現各式各樣的任務。在回覆這些信件的時候,我發現自己老早就注意到有這種需求的存在;人們希望可以更了解多點連線,但是卻始終找不到資料。 在前面幾篇文章當中,我的實作是基於使用 iOS SDK 中既有的預設視圖控制器來邀請其他同伴並且建立連線。我發現人們傾向親手實作這項功能,
以Swift建立簡單的視圖動畫

以Swift建立簡單的視圖動畫

動畫的使用不只是讓你的App更為有特色,它也可以改善程式整體的使用者體驗。你可以看一下Apple如何在App端使用動畫來改善UX。舉例來說,在相片App,當你從相片集中選取一張照片,照片會展開出來,當你關掉後,它又會縮回去所選的相片集中。這讓你在瀏覽許多圖片時能夠正確的讓你知道你現在所處的位置為何。 Facebook的 Paper也應用很漂亮的動畫來提升App整體的使用者體驗。你選取某篇文章以向上翻轉起來的方式來閱讀。這個動作會將縮圖版本以反向展開,也就是如果將文章往下翻轉,便會縮回原來的縮圖。在這裏,動畫是用來表達App的運作方式,即使是App第一次的使用者,也能很快在不需要教學的狀況下,
如何用Swift建立視圖控制器畫面之間的動畫過場
iOS App 程式開發

如何用Swift建立視圖控制器畫面之間的動畫過場

iOS 7 導入了自訂的視圖控制器過場,可以讓開發者在自己的 App 中建立視圖控制器畫面之間的動畫過場。在本文中,我們將會討論如何實現此功能。此外,我們也會展示如何建立手勢驅動過場,稱為互動式過場( Interactive Transition )。在開始之前,請先下載本文將會使用到的 Starter 專案。 開始動手吧 要建立自訂的過場效果,必須採取下列這
很好! 你已成功註冊。
歡迎回來! 你已成功登入。
你已成功訂閱 AppCoda 中文版 電子報。
你的連結已失效。
成功! 請檢查你的電子郵件以獲取用於登入的連結。
好! 你的付費資料已更新。
你的付費方式並未更新。