前文: 簡碼到用時方恨少
從 Xcode 的 Code Autocomplete 出現的提示畫面前都有個小圖示的符號,像這樣
C 你應該曉得是 Class,那麼 # 字號呢?你用過 NSDictionaryOfVariableBindings 應該知道是 Macro,但是你有沒有想過去那裡查詢嗎?
這裡是 iOS、OS X 的代碼
以及 Swift 的代碼
希望對你有所幫助
.
iPhone App 軟體開發筆記
寫程式就像在蓋房子,要先把架構設計好,按步就班一步一步來,千萬不能有速成的想法,不然房子怎會蓋得堅固?
2016-08-21
2015-04-02
React Native: Web 前端設計師開發原生 OS App 的最佳選擇
幾年前 PhoneGap 剛出爐時,我評估過這個號稱可以跨平台的開發工具,它可以用 HTML+Javascript 編寫 App。
不過,實際使用上並不是很能接受它的效能。
這幾天 Facebook 發佈(註1)的 React Native 很有意思,會讓喜好 Native iOS App 的 Objective-C 或是 Swift 的設計師出現挑戰,這會是另一個 Native iOS App 的選擇!
它讓熟悉 HTML+Javascript 的前端設計師也可以寫出有效能的原生 App。
一般人理解的跨平台開發,通常是寫一套程式,可以在所有平台編譯執行,可是實際上還是有很多小細節需要調整;React Native 切入點有意思的不是號稱跨平台,而是只要學會一種程式語言 (如 Javescript) 就可以在各個平台編譯執行。
更有趣的是,它還可以與現有的 Project 結合,透過 Protocol interface 連結。
只要你會一些 Javascript/jQuery,有興趣的話,可以花個 30 分鐘就能完成一個非同步傳輸的 App!
1.照著這裡 http://facebook.github.io/react-native/ 了解一下。(5 分鐘)
2.進入 [Get started with React Native] 安裝。(5 分鐘)
3.進入右下角的 [Next->] 按著步驟實作。(20 分鐘)
**註1: 這個 React Native 是 Facebook 公司發行。
**註2: 我再進一步介紹:
我一直說「全民程式語言」泛指的是網頁 html+Javascript+css 的語言設計。
只要你學會了 html+Javascript+css 就有機會寫 APP。
那為什麼要「Native 原生」呢?
原生程式的意思是設計後,軟體開發工具提供我們編譯製造後,直接與作業系統溝通的機械碼,大家所認知的「執行檔」。
於是,寫 iOS APP 就要會 Objective-C 或 Swift,寫 Android APP 就要會 Java,才會製作出符合各 OS 的原生執行檔。
雖然這幾年有一些跨平台的開發工具可以使用 html+Javascript+css 來設計 APP,但是是透過「翻譯處理」。
這些跨平台的開發工具因為加上一層「翻譯處理」,所以在效能上與操作上會有些不順手。
很多幾年前使用跨平台開發工具的軟體公司,最後還是選擇 Xcode 或是 Eclipse ADT 開發 iOS 與 Android 的 APP。
而這個由 Facebook 發行的 React Native 試圖要突破這個學習門檻,你只要會 html+Javascript+css 一樣可以寫原生 APP。
**延伸閱讀
http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript
不過,實際使用上並不是很能接受它的效能。
這幾天 Facebook 發佈(註1)的 React Native 很有意思,會讓喜好 Native iOS App 的 Objective-C 或是 Swift 的設計師出現挑戰,這會是另一個 Native iOS App 的選擇!
它讓熟悉 HTML+Javascript 的前端設計師也可以寫出有效能的原生 App。
一般人理解的跨平台開發,通常是寫一套程式,可以在所有平台編譯執行,可是實際上還是有很多小細節需要調整;React Native 切入點有意思的不是號稱跨平台,而是只要學會一種程式語言 (如 Javescript) 就可以在各個平台編譯執行。
更有趣的是,它還可以與現有的 Project 結合,透過 Protocol interface 連結。
只要你會一些 Javascript/jQuery,有興趣的話,可以花個 30 分鐘就能完成一個非同步傳輸的 App!
1.照著這裡 http://facebook.github.io/react-native/ 了解一下。(5 分鐘)
2.進入 [Get started with React Native] 安裝。(5 分鐘)
3.進入右下角的 [Next->] 按著步驟實作。(20 分鐘)
目前 React Native 只有 iOS,為了一定也會有 Android 或是 Windows Phone,您可以先來試看看。
**註1: 這個 React Native 是 Facebook 公司發行。
**註2: 我再進一步介紹:
我一直說「全民程式語言」泛指的是網頁 html+Javascript+css 的語言設計。
只要你學會了 html+Javascript+css 就有機會寫 APP。
那為什麼要「Native 原生」呢?
原生程式的意思是設計後,軟體開發工具提供我們編譯製造後,直接與作業系統溝通的機械碼,大家所認知的「執行檔」。
於是,寫 iOS APP 就要會 Objective-C 或 Swift,寫 Android APP 就要會 Java,才會製作出符合各 OS 的原生執行檔。
雖然這幾年有一些跨平台的開發工具可以使用 html+Javascript+css 來設計 APP,但是是透過「翻譯處理」。
這些跨平台的開發工具因為加上一層「翻譯處理」,所以在效能上與操作上會有些不順手。
很多幾年前使用跨平台開發工具的軟體公司,最後還是選擇 Xcode 或是 Eclipse ADT 開發 iOS 與 Android 的 APP。
而這個由 Facebook 發行的 React Native 試圖要突破這個學習門檻,你只要會 html+Javascript+css 一樣可以寫原生 APP。
**延伸閱讀
http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript
.
2015-01-07
OS X 與 iOS 的「接續互通」之「Handoff」
OS X Yosemite 與 iOS 8 有個 [Continuity](接續互通) 的特點,你可以參考官方網址
其中的 [Handoff] 可以讓你將工作從電腦與行動裝置之間無痛接續,WWDC 2014 也有指導你如何加入這樣的機制。
基本上需要這兩項:
你可以參考 Handoff Programming Guide
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/Handoff/HandoffFundamentals/HandoffFundamentals.html
也可以參考 WWDC 2014
https://developer.apple.com/videos/wwdc/2014/?id=219
著名的 Raywenderlich 也有教學 iOS 8 Handoff Tutorial
http://www.raywenderlich.com/84174/ios-8-handoff-tutorial
其他參考資源:
Tutorial: A Step-By-Step Guide To Programming The Handoff Feature In iOS 8
https://maniacdev.com/2014/12/tutorial-a-step-by-step-guide-to-programming-the-handoff-feature-in-ios-8
Working with Handoff in iOS 8
http://www.appcoda.com/handoff/
Working with iOS 8 Handoff Part 2: Using Continuation Streams
http://www.appcoda.com/handoff-continuation-streams/
.
其中的 [Handoff] 可以讓你將工作從電腦與行動裝置之間無痛接續,WWDC 2014 也有指導你如何加入這樣的機制。
基本上需要這兩項:
- BTLE
- NSUserActivity
你可以參考 Handoff Programming Guide
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/Handoff/HandoffFundamentals/HandoffFundamentals.html
也可以參考 WWDC 2014
https://developer.apple.com/videos/wwdc/2014/?id=219
著名的 Raywenderlich 也有教學 iOS 8 Handoff Tutorial
http://www.raywenderlich.com/84174/ios-8-handoff-tutorial
其他參考資源:
Tutorial: A Step-By-Step Guide To Programming The Handoff Feature In iOS 8
https://maniacdev.com/2014/12/tutorial-a-step-by-step-guide-to-programming-the-handoff-feature-in-ios-8
Working with Handoff in iOS 8
http://www.appcoda.com/handoff/
Working with iOS 8 Handoff Part 2: Using Continuation Streams
http://www.appcoda.com/handoff-continuation-streams/
.
2014-11-14
Xcode 6 在模擬器 iPhone 5 + iOS 7 的版面上下黑邊
如果您在 Xcode 6 發現了模擬器以 iPhone 5 執行 iOS 7 時,是以 320x480 的版面而非 320x568 時,應該如何排解?
照理說,iPhone 5 應該是 4 吋 Retina 的解析度 320x568 不應該成為 320x480 而讓畫面留下上下的黑邊。
原因是這樣:
原來是在 4 吋 Retina 的設備,少了 Default-568h@2x.png 的啟始畫面。
所以,如果您的 App 專案有這樣的設定時:
解決的方式,除了可以加入一個 640 x 1136 的 Default-568h@2x.png 檔案之外,可以在 Project 的 TARGETS 設定內,從 General 頁面內的 App Icons and Launch Images 將 Launch Images Source,按下「Use Asset Catalog」
您再執行看看,結果就不會在 iPhone 5/5s + iOS 7.1 的畫面上下出現黑邊了。
.
Xcode 6 執行選擇 iPhone 5/5s + iOS 7.1 |
iPhone 5 + iOS 7 不應該上下有黑邊 |
原因是這樣:
原來是在 4 吋 Retina 的設備,少了 Default-568h@2x.png 的啟始畫面。
註:在 iOS 7.1 以前需要的啟始畫面檔案
- Default.png - 320 x 480 pixels (standard resolution iPhone)
- Default@2x.png - 640 x 960 pixels (high resolution iPhone 4)
- Default-568h@2x.png - 640 x 1136 pixels (iPhone 5)
所以,如果您的 App 專案有這樣的設定時:
解決的方式,除了可以加入一個 640 x 1136 的 Default-568h@2x.png 檔案之外,可以在 Project 的 TARGETS 設定內,從 General 頁面內的 App Icons and Launch Images 將 Launch Images Source,按下「Use Asset Catalog」
您再執行看看,結果就不會在 iPhone 5/5s + iOS 7.1 的畫面上下出現黑邊了。
.
2014-10-21
Mac OS X Yosemite 優勝美地 - Mail 郵件內的附件標示
訂閱:
文章 (Atom)