[Phonegap+Sencha Touch] 移动开发6、Sencha Touch 学习

时间:2022-09-23 04:08:17

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/20392403



Sencha Touch简介:

ExtJS的理念整合JQTouch、Raphaël,推出的适用于最前沿Touch Web的Sencha Touch框架。该框架是世界上第一个基于HTML5的Mobile App框架。

同时,ExtJS更名为Sencha,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队。


到2015年5月发布的ExtJS6,将 Sencha Touch 和原本的 ExtJS 库合并,其中:
Sencha Touch 变成 ExtJS6 Modern
ExtJS 变成 ExtJS6 Classic



案例体验


作者所在公司的移动AIO7就是Sencha Touch开发的

[Phonegap+Sencha Touch] 移动开发6、Sencha Touch 学习

[Phonegap+Sencha Touch] 移动开发6、Sencha Touch 学习  [Phonegap+Sencha Touch] 移动开发6、Sencha Touch 学习


[Phonegap+Sencha Touch] 移动开发6、Sencha Touch 学习  [Phonegap+Sencha Touch] 移动开发6、Sencha Touch 学习

1、网页版地址:http://218.4.111.6:8181/app1/app/

登录用户名Admin,密码a1789

可以把链接发到微信中,测试微信中的打开速度


2、安卓版地址:http://www.aio7.com:8189/aio7.apk

登录用户名Admin,密码a2789

也可以到应用宝中下载:http://sj.qq.com/myapp/detail.htm?apkName=com.pushsoft.aio5app


3、安卓版(xwalk内核,即chromium内核)地址:http://www.aio7.com:8189/aio7-chrome.apk

登录用户名Admin,密码a2789


4、ios版地址:https://itunes.apple.com/us/app/aio7/id867910291?mt=8

登录用户名Admin,密码a2789



学习指南:

Sencha Touch 官方指南:http://docs.sencha.com/touch/2.4/index.html

Sencha Touch API 文档: http://docs.sencha.com/touch/2.4/2.4.2-apidocs/

Sencha Touch 在线示例:http://cdn.sencha.com/touch/sencha-touch-2.4.2/examples/


下面是部分官方指南的翻译:


一、Sencha Touch 2 应用程序简介

英文原文Intro to Applications with Sencha Touch


二、搭建 Sencha Touch 2 的运行环境


三、控制器学习指南

英文原文Controllers


四、使用视图

英文原文Using Views in Your Applications


五、使用数据模型

英文原文Using Models


六、使用数据存储和代理

英文原文Using Stores 和 Using Proxies


七、使用设备配置

英文原文Using Device Profiles


八、访问历史支持(路由、深链接以及后退按钮)

英文原文Routing, Deep Linking, and the Back Button


九、管理MVC依赖项

英文原文Managing Dependencies with MVC



案例:

记事本案例

序言

第一部分  英文原文 Part 1

第二部分  英文原文 Part 2

第三部分  英文原文 Part 3

第四部分  英文原文 Part 4

第五部分  英文原文 Part 5


天气应用案例

Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 1)

Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 2)

Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 3)