歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Sencha Touch開發指南

Sencha Touch開發指南

日期:2017/3/1 9:52:35   编辑:Linux編程

本文主要介紹如何使用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文件

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <metacharset="utf-8">
  5. <title>Sencha Touch Test</title>
  6. <!-- Sencha Touch CSS -->
  7. <linkrel="stylesheet"href="../../resources/css/sencha-touch.css"type="text/css">
  8. <!-- Custom CSS -->
  9. <linkrel="stylesheet"href="css/guide.css"type="text/css">
  10. <!-- Google Maps JS -->
  11. <scripttype="text/javascript"src="http://maps.google.com/maps/api/js?sensor=true"></script>
  12. <!-- Sencha Touch JS -->
  13. <scripttype="text/javascript"src="../../sencha-touch-debug.js"></script>
  14. <!-- Application JS -->
  15. <scripttype="text/javascript"src="src/index.js"></script>
  16. </head>
  17. <body></body>
  18. </html>

這樣我們的HTML結構就搭建完成了。

Sencha Touch 的詳細介紹:請點這裡
Sencha Touch 的下載地址:請點這裡

接下來請看第2頁精彩內容:http://www.linuxidc.com/Linux/2013-10/90852p2.htm

Copyright © Linux教程網 All Rights Reserved