如果引用或轉貼,麻煩註明出處與本網誌連結,否則視為侵權。

2011年10月30日

iPhone/iPad 網頁應用程式設計平台–MobiOne簡介

 

作者: Fred F.M. Wang 日期:  2011/10/30

尋找一個行動網頁應用開發平台, 最常使用的應該是Eclipse或Apatana Studio, 但是這些在設計iPhone/iPad網頁應用UI設計上都沒有MobiOne來的方便。

第一步, 直接將左方的UI元件拉到iPhone畫面上, 設定右方元件的屬性值

image

第二步, 測試, 選單選項 Tools –> Run in test center

跳出MobiOne Test Center的畫面,顯示你的設計, 灰色的大黑點就是手指頭, 可以測試看看

image

第三步, 會出網頁程式, 選單選項 File –> Export as HTML

產生這些檔案 :

image

其中/res目錄中包含javascript程式庫 : Cubiq.org 的iScoll與jQuery

不需要了解程式, 幾步就可以完成! 不過要與後端整合還需要程式設計人員進行整合開發。

1 則留言:

歡迎提供意見, 謝謝 (註 : 留言經過版主審核通過才會發布)