教學文章

免費 iOS App 開發教學文章,包括 Swift, SwiftUI, ARKit, Machine Learning 和 UIKit 等技術教學。
教學文章
Swift 教學:如何加入自訂的下拉更新元件 (Pull to Refresh)
Swift 程式語言

Swift 教學:如何加入自訂的下拉更新元件 (Pull to Refresh)

如你所知,下拉更新元件其實就是當資料正在載入而表格視圖的內容尚未更新時,出現在表格視圖上方的活動視圖指示器(通常還會伴隨著一些簡短的訊息)。事實上,下拉更新元件有點像是當使用者在等待擷取和顯示新內容時所看到的「請稍候……」訊息。在使用了此類元件的 App 當中,大家最熟知的莫過於「郵件」了,透過將電子郵件表格視圖往下拖曳,便可以重新整理郵件的內容。此元件首次登場是在 iOS 6 ,從那時候起這招便廣泛被運用在無數的
旋轉吧!使用UIPickerView元件與Emoji繪文字打造拉霸機App
Swift 程式語言

旋轉吧!使用UIPickerView元件與Emoji繪文字打造拉霸機App

這些年來,由於貼圖的盛行,許多人在聊天的過程中,喜歡用圖形來表達,用得好,有些時候甚至比文字更能傳達心中的意思。而Emoji繪文字也在這一波潮流中水漲船高,更多人注意到它的存在!現在就讓我們利用Emoji繪文字結合UIPickerView元件,自製一個小小拉霸機吧! 新增一個單一畫面樣板的專案 首先打開Xcode,選擇 Create a new Xcode project。點選 iOS
iOS 9 新功能 : 堆疊視圖介紹 (Stack Views)
Swift 程式語言

iOS 9 新功能 : 堆疊視圖介紹 (Stack Views)

堆疊視圖一個簡化的介面元件,提供了不論是以欄或者以列為佈局方式的集合視圖。對於嵌入堆疊視圖內的視圖,你不再需要去定義 Auto Layout 約束條件(constraints)。這個堆疊視圖會處理它的子視圖(subview)的佈局,並自動幫你採用佈局約束條件。換言之,這些子視圖可以適應不同的螢幕尺寸。另外,你可以在另一個堆疊視圖來嵌入一個堆疊視圖,如此一來你可以利用堆疊視圖建構更複雜的使用者介面。不要誤解我的意思,這並不表示你都不需要去處理Auto Layout。
Xcode 6 錦囊妙技:向量圖片、程式碼片段、加入自訂的字型,以及更多提升生產力的秘技
Objective-C

Xcode 6 錦囊妙技:向量圖片、程式碼片段、加入自訂的字型,以及更多提升生產力的秘技

身為一名開發者,無論是專精,或者只是為了好玩,毫無疑問都需要耗費很多時間坐在螢幕前面,直到做完專案為止。程式設計工具用起來舒服比什麼都重要,因為這些工具營造了你的虛擬工作空間,而且「每件事」都定義了工作的條件。當我說「每件事」,我指的是:從所選擇的工具應用程式,乃至最令人意想不到的設定。友善的環境無疑可以提昇效率;既不友善又無法自訂的程式設計工具只會帶來反效果,大幅降低生產力。舉例而言,你可能會覺得工作時只是面對同樣的「
Swift 2 初學者指南
Swift 程式語言

Swift 2 初學者指南

去年 Apple 帶來了 Swift,一個為針對 iOS 以及 OS 的全新程式語言。當它第一次宣布時,就跟其他開發者一樣。我非常的興奮,因為這宣稱是一個既快且安全的語言。跟預期一樣,這家公司今年在 WWDC 導入了 Swift 2。這篇初學者指南會讓你了解一下它帶來了哪些新的功能。
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 中既有的預設視圖控制器來邀請其他同伴並且建立連線。我發現人們傾向親手實作這項功能,
很好! 你已成功註冊。
歡迎回來! 你已成功登入。
你已成功訂閱 AppCoda 中文版 電子報。
你的連結已失效。
成功! 請檢查你的電子郵件以獲取用於登入的連結。
好! 你的付費資料已更新。
你的付費方式並未更新。