`

Sencha Touch2 与 PhoneGap异同

 
阅读更多

Sencha Touch 

Sencha Touch框架是世界上第一个基于HTML 5的Mobile App框架,它可以让Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML 5和CSS3的 WEB标准,全面兼容Android和iOS设备。Sencha Touch相对来说是一个重量级的移动Web应用框架,适合用于开发业务逻辑比较复杂的移动Web应用。优点:针对触摸屏丰富的UI设计支持复杂交互、纯JavaScript搞定布局、版本稳定性能尚可。 

想做客户端而且跨平台、丰富的交互,且项目组有熟悉ExtJS的开发人员,Sencha Touch是个不错的选择。 

Sencha Touch框架是世界上第一个基于HTML 5的Mobile App框架,也是目前为止所发现的最强大的应用于移动平台的框架,它将自己定位为框架(Framework)而不是类库(Library),也可以充 分印证这一点。相信随着Sencha Touch的不断发展,移动平台的Web App用户体验设计会得到大幅提升,同时也会对HTML 5和CSS3在移动平台上的普及推广产生很大的促进作用。可以预见,随着HTML 5愈加强大的功能,未来的移动应用将会逐渐向Web App时代迈进。 

Sencha Touch是原来的Extjs项目组与jQTouch和Raphael两大项目强强联手后,打造的全新Mobile App框架。 

Sencha Touch可以让你的WebApp看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML 5和CSS3的 WEB标准,全面兼容Android和iOS设备。 

Sencha Touch官方列出的几大特性有: 

◆基于最新的WEB标准 – HTML 5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。 

◆支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一个专为Android定制的主题。 

◆增强的触摸事件。在touchstart等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。 

◆数据集成。提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储。 

在查看Sencha Touch自带的Demo以及实际使用中,还可以发现具体不错的功能点: 

◆HTML 5地理定位 

◆重力感应滚动 

◆滚动Touch事件 

◆为移动优化的表单元素 

◆JSONP代理(跨域数据读取) 

◆YQL数据代理(类似查询语言式数据获取) 

◆遮罩弹出层 

◆Multi-Card布局 

◆CSS3 Transitions 

◆Tab组件以及滚动列表视图 





PhoneGap 

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。PhoneGap是免费的,但是它需要特定平台提供的附加软件,例如iPhone的iPhone SDK,Android的Android SDK等,也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。目前PhoneGap缺陷还是蛮多的,比如运行速度慢,UI反应延时。假以时日,随着技术的发展,问题会得到解决的。 

如果需要调用到手机操作系统的API,可以把Sencha Touch(或JQuery Mobile)与PhoneGap进行整合开发。 

分享到:
评论

相关推荐

    sencha touch2 ajax 获取数据

    在探讨“Sencha Touch2 AJAX获取数据”的主题时,我们首先需要理解Sencha Touch2框架的基本概念以及AJAX技术在其中的应用。Sencha Touch2是一个用于构建高性能、跨平台的移动应用的JavaScript库,它专注于触摸设备上...

    senchaTouch+PhoneGap

    将Sencha Touch与PhoneGap结合,开发者可以利用Sencha Touch的强大多平台UI库来创建美观且功能丰富的用户界面,然后通过PhoneGap将这些Web应用打包成原生应用。这种结合的优势在于: 1. **一次编写,多处运行**:...

    Sencha Touch2发布.pdf

    Sencha Touch2发布.pdf

    phonegap与sencha touch2的js库

    PhoneGap与Sencha Touch 2是两个非常重要的框架,它们在构建移动终端Web应用程序中扮演着关键角色。本文将深入探讨这两个技术,并介绍如何利用它们共同开发高效的移动Web应用。 PhoneGap,现已被Adobe公司收购并...

    sencha tocuh利用phonegap开发android的文件浏览器

    在本项目中,“sencha touch利用phonegap开发android的文件浏览器”,我们看到了这两个技术的结合。首先,PhoneGap的File类接口是关键,它遵循W3C的File API标准,提供了访问和操作本地文件系统的能力。开发者可以...

    api.zip_sencha _sencha touch api_sencha touch2 api

    标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...

    Sencha Touch2环境搭建

    Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...

    Sencha Touch2 MVC Demo (含源码/数据库)

    总的来说,"Sencha Touch2 MVC Demo"是一个学习和实践移动应用开发的宝贵资源,涵盖了MVC架构的各个方面,以及可能的数据库集成。通过研究源码,开发者能够更好地理解Sencha Touch 2的工作方式,从而提升其在移动Web...

    sencha touch2 up and running

    Sencha Touch的历史可以追溯到早期移动网络的需要,它是由Ext JS发展而来的,旨在为移动设备提供与桌面应用相媲美的丰富交互体验。其主要特性包括触摸事件处理、视觉效果丰富的组件库、支持主流移动平台和浏览器的交...

    creating mobile apps with sencha touch2

    Creating Mobile Apps with Sencha Touch 2 can help you bring that idea to life by providing clear examples, in depth explanations, and walking step-by-step building 10 different Sencha Touch mobile ...

    Sencha Touch2_如何使用组件 中文

    我们在ST中接触的很多类都是组件。每个组件都是Ext.Component,的子类

    sencha touch2学习笔记(一)---环境搭建和开发工具配置

    Sencha Touch 2 是一款专为移动设备设计的前端框架,用于构建高性能的跨平台触控应用。在本文中,我们将深入探讨如何进行Sencha Touch 2的学习,从环境搭建到开发工具的配置,帮助你开启移动应用开发之旅。 首先,...

    Sencha Touch2 实例代码 API 类包库

    SenchaTouch2 实例源代码 API 类包库

    sencha-touch2 mvc demo

    本示例“sencha-touch2 mvc demo”是关于Sencha Touch 2 MVC架构的一个简单演示,它展示了如何在移动应用中有效地组织代码并利用MVC模式。MVC(Model-View-Controller)是一种流行的设计模式,用于分离应用程序的...

    test-phonegap:Sencha Touch 和 PhoneGap 集成示例

    将Sencha Touch与PhoneGap集成,开发者可以利用Sencha Touch的强大界面功能,同时利用PhoneGap的跨平台能力。首先,你需要安装PhoneGap和Cordova命令行工具,然后创建一个新的PhoneGap项目。接着,在项目的www目录下...

    sencha-touch2-jasmine:使用Jasmine的sencha touch2示例项目

    不幸的是,Sencha Touch 2似乎尚未集成任何测试框架,因此我试图在不对任何框架(Sensa Touch2和Jasmine)进行任何更改的情况下添加它,以方便将来对其进行更新。 该项目基于使用sencha应用程序生成器创建的全新...

    Sencha Touch 2 简介+组件+布局

    Sencha Touch 2 简介知识,环境搭建,组件介绍和布局事例

    移动端混合开发,sencha_touch+phonegap+android简单架构代码案例

    本文将详细解析"移动端混合开发,sencha_touch+phonegap+android简单架构代码案例",帮助你理解和掌握如何使用Sencha Touch、PhoneGap与Android构建混合应用。 **Sencha Touch** 是一款基于JavaScript的UI框架,...

Global site tag (gtag.js) - Google Analytics