本文主要介紹如何使用Sencha Touch為手持設備進行應用開發,主要是針對iPhone這樣的高端手機,我們會通過一個詳細的例子來介紹整個開發的流程。
Sencha Touch簡介
Sencha Touch是專門為移動設備開發應用的Javascrt框架。通過Sencha Touch你可以創建非常像native app的web app,用戶界面組件和數據管理全部基於HTML5和CSS3的web標准,全面兼容Android和Apple iOS。
如何使用Sencha Touch
1 下載Sencha Touch包,並按照以下結構創建項目列表
上圖中加藍色背景的圖片為核心文件,必須載入。
2 創建HTML文件,引入以下CSS和Javascript文件
- <!DOCTYPE html>
- <html>
- <head>
- <metacharset="utf-8">
- <title>Sencha Touch Test</title>
- <!-- Sencha Touch CSS -->
- <linkrel="stylesheet"href="../../resources/css/sencha-touch.css"type="text/css">
- <!-- Custom CSS -->
- <linkrel="stylesheet"href="css/guide.css"type="text/css">
- <!-- Google Maps JS -->
- <scripttype="text/javascript"src="http://maps.google.com/maps/api/js?sensor=true"></script>
- <!-- Sencha Touch JS -->
- <scripttype="text/javascript"src="../../sencha-touch-debug.js"></script>
- <!-- Application JS -->
- <scripttype="text/javascript"src="src/index.js"></script>
- </head>
- <body></body>
- </html>
這樣我們的HTML結構就搭建完成了。
Sencha Touch 的詳細介紹:請點這裡
Sencha Touch 的下載地址:請點這裡
接下來請看第2頁精彩內容:http://www.linuxidc.com/Linux/2013-10/90852p2.htm