建立一個像Medium App的下滑選單
當一個使用者按下選單按鈕,主畫面下滑揭示了選單。如下圖是在Medium App中使用到下滑選單的畫面。 倘若你前面的章節有跟著一起進行,你應該對客製視圖控制器轉換有了基本的了解。本章,你將運用你所學到的來建造一個生動的下滑選單。 依照慣例,我想你不需要從頭建立專案,建議可以使用我們準備好的範例模板來開始,它包含了Storyboard [...]
如何使用AVFoundation進行QR Code掃描
首先,什麼是QR Code?我相信你們大多數都已經知道什麼是QR Code了。倘若你還沒有聽過,看一下以下的這張圖,這就是QR Code。 QR(Quick Response 的縮寫)Code 是由 Denso 所開發的一個二維條碼(2-dimensional bar code)。原來的用途是設計作為製造業做零件追蹤用,QR [...]
Auto Layout 入門教學
什麼地方出錯了?該怎麼做修正呢?問題的解答就是Auto Layout。Auto Layout 是一個以約束條件為基礎的佈局系統,它可以讓開發者建立一個可以因應不同螢幕尺寸與裝置(device)方向而調整的自適應介面(adaptive interface),我們很少在我們的教學文章中談到Auto [...]
使用多點連線 (MPC )框架與 Swift 打造聊天 App
你可能會好奇為何我要帶來這個有點舊的主題,而不是探討 iOS 8 所導入的新功能。因為我有下列 3 個理由: 許多讀者寫信給我,詢問如何透過之前文章提到過的多點連線來實現各式各樣的任務。在回覆這些信件的時候,我發現自己老早就注意到有這種需求的存在;人們希望可以更了解多點連線,但是卻始終找不到資料。 [...]
以Swift建立簡單的視圖動畫
動畫的使用不只是讓你的App更為有特色,它也可以改善程式整體的使用者體驗。你可以看一下Apple如何在App端使用動畫來改善UX。舉例來說,在相片App,當你從相片集中選取一張照片,照片會展開出來,當你關掉後,它又會縮回去所選的相片集中。這讓你在瀏覽許多圖片時能夠正確的讓你知道你現在所處的位置為何。 Facebook的 Paper也應用很漂亮的動畫來提升App整體的使用者體驗。你選取某篇文章以向上翻轉起來的方式來閱讀。這個動作會將縮圖版本以反向展開,也就是如果將文章往下翻轉,便會縮回原來的縮圖。在這裏,動畫是用來表達App的運作方式,即使是App第一次的使用者,也能很快在不需要教學的狀況下,快 [...]
如何用Swift建立視圖控制器畫面之間的動畫過場
iOS 7 導入了自訂的視圖控制器過場,可以讓開發者在自己的 App 中建立視圖控制器畫面之間的動畫過場。在本文中,我們將會討論如何實現此功能。此外,我們也會展示如何建立手勢驅動過場,稱為互動式過場( Interactive Transition )。在開始之前,請先下載本文將會使用到的 [...]