[Phonegap+Sencha Touch] 移动开发5、Sencha touch结合Phonegap使用

转载 2015年07月08日 17:16:05

敬告Sencha touch开发新手:
1、Sencha Touch项目(简称ST项目)、Phonegap项目、Android项目(或iOS项目)是三个不同的概念
2、ST项目和eclipse没关系;
Android项目和eclipse有点关系(可以用eclipse调试和导出apk包);
iOS项目和xcode有点关系(可以用xcode调试和上架)
3、ST项目用phonegap(或cordova)init之后,会出现给一个Phonegap目录,这个目录下是Phonegap项目
4、sencha app build native生成的Android项目(或iOS项目),在Phonegap目录下,是Phonegap项目的一部分

5、ST项目用sencha cmd也能生成原生安装包(如Android的APK),不过官方不再推荐用sencha cmd 生成原生安装包,而推荐用Phonegap,因为它可以使用各种原生插件实现特殊的功能(摄像头,定位,等等)

新手需要了解的内容:
开发环境搭建请看:《移动开发1、准备工作》
phonegap的初步使用,和sencha touch不搭嘎:《移动开发2、PhoneGap初步使用》

sencha touch的初步使用,和phonegap不搭嘎:《移动开发4、Sencha Touch初步使用》

进入正题,以下内容是Sencha touch结合Phonegap使用的标准步骤,
其他五花八门的开发方式容易出现各种各样的问题
附:英文原文
Leveraging PhoneGap within Sencha Touch

视频:下面是一个国外的视频教程,在Mac上使用Sencha touch+Phonegap开发ios的
Cordova_PhoneGap_with_Sencha_Cmd_4

下面作简要概括(以安卓为例,ios开发类似):
1、进入ST SDK
cd D:\Code\Web\touch-2.3.1

2、新建ST App
sencha generate app MyApp D:\Code\Android\sencha\MyApp

3、添加Phonegap支持
cd D:\Code\Android\sencha\MyApp
sencha phonegap init com.pushsoft.myapp MyApp

4、如果需要调用设备的功能,可以往项目中添加对应的phonegap插件。
如下我添加摄像头调用的插件
cd D:\Code\Android\sencha\MyApp\Phonegap
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git
然后js如下调用
navigator.camera.getPicture(function(){ 成功的回调方法 }, function(){ 失败的回调方法 }, {
quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
} );

对于sencha cmd 4.x
5、配置D:\Code\Android\sencha\MyApp\phonegap.local.properties文件
phonegap.platform=android
这样就是指定打包android平台的安装包,需要安装有对应平台的SDK

6、打包、运行
cd D:\Code\Android\sencha\MyApp
只打包:sencha app build native
打包并安装到模拟器或真机上:sencha app build -run native

对于sencha cmd 5.x
5、在app.json里面写下面的内容

6、打包、运行
打包android只要执行命令:sencha app build android
打包ios只要执行命令:sencha app build ios


关于打包后安装到手机的App名称问题
打包后的安装包安装之后名字是”MyApp”,如果要换成其他名字,修改D:\Code\Android\sencha\MyApp\config.xml文件,把顶部”MyApp“中间MyApp的改成需要的名字。
注意如果xml内容有中文,要改成utf-8编码,注意是文本文件的编码,不是顶上的”

Phonegap+Sencha Touch] 移动开发5、Sencha touch结合Phonegap使用

http://blog.csdn.net/lovelyelfpop/article/details/20392377
  • coolybq
  • coolybq
  • 2014年10月14日 15:03
  • 360

[Phonegap+Sencha Touch] 移动开发5、Sencha touch结合Phonegap使用

英文原文: Leveraging PhoneGap within Sencha Touch 下面作简要概括: 1、进入ST SDK cd D:\Code\Web\tou...
  • sqzhao
  • sqzhao
  • 2014年08月03日 17:03
  • 392

Sencha Touch/ExtJS6 Modern结合Phonegap/Cordova开发移动端Hybird应用

英文原文: Leveraging PhoneGap within Sencha Touch 下面作简要概括: 1、进入ST SDK cd D:\Code\Web\touch-2.3.1 2、...
  • lovelyelfpop
  • lovelyelfpop
  • 2014年03月03日 19:20
  • 35158

Sencha Touch入门:Sencha Touch开发环境搭建及使用 Sencha Cmd 自动创建项目框架

Sencha被翻译成“煎茶”,Sencha下有很多优秀的项目比如Complete 、Extjs、Touch、Animator、GXT 、Architect等其它相关产品。 Sencha Touch ...
  • cq1982
  • cq1982
  • 2015年05月10日 15:56
  • 2161

Sencha Touch 2 结合HTML5的本地存储创建数据库实现增、删、改、查

大家好!我是范范。本人刚接触ST2到现在刚刚两个月,6月1号接的项目,那时才知道有Sencha Touch2这个东西,到现在两个月了期间的幸酸就不说了。今天说说在项目中用到的HTML5的本地存储。可能...
  • fyq891014
  • fyq891014
  • 2013年08月30日 11:09
  • 3237

sencha-touch中使用百度地图

1.在使用百度地图api时,在获取经纬度后,要想获取真实准确的数据,需要加上偏移,js中有两种获取的方法,如下: 方法一: Ext.Ajax      .request({ url : "http:/...
  • kekeromer
  • kekeromer
  • 2013年12月25日 16:07
  • 944

[Phonegap+Sencha Touch] 移动开发72 List列表横向滑动操作(仿QQ列表滑动删除)

请看示例图,仿照的QQ的列表横滑删除。 支持Ext.dataview.List和Ext.dataview.DataView。本功能是Sencha touch插件类(不是Cordova插件),可...
  • lovelyelfpop
  • lovelyelfpop
  • 2015年12月29日 12:56
  • 2193

sencha touch 入门系列 (二)sencha touch 开发准备

这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题。接下来我们就开始我们的sencha touch开...
  • cjpx00008
  • cjpx00008
  • 2015年01月15日 14:27
  • 4729

sencha touch中点击overlay,会触发底下的输入框获得焦点的处理办法

sencha touch中,弹出一个overlay,或者一个Ext.Msg,如果这个overlay下面正好是一个输入框或者按钮,当点击overlay中按钮时,会发生穿透,使下面的按钮或输入框触发事件。...
  • shiren920506
  • shiren920506
  • 2015年03月21日 14:04
  • 581

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

学习指南: 一、Sencha Touch 2 应用程序简介 英文原文Intro to Applications with Sencha Touch 二、搭建 Sencha Touch 2 的运行...
  • lovelyelfpop
  • lovelyelfpop
  • 2014年03月03日 19:21
  • 5128
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Phonegap+Sencha Touch] 移动开发5、Sencha touch结合Phonegap使用
举报原因:
原因补充:

(最多只允许输入30个字)