sencha touch itemtap是什么事件
是一个davaview包下的容器组件子项的的点击事件,容器组建如:list,tree等等,看sencha touch api 吧 ,很多容器都有这个事件。
如何用Sencha Touch打包Android的APK
下载sencha-touch“》下载Sencha Touch
到Sencha 的官网下载最新版的Sencha Touch,当然你也可以直接下载我上传到CSDN的资源(不需要下载分),对应的版本号是2.4.2。传送门:sencha-touch-2.4.2
下载完成并解压后你会得到以下的目录以及文件:
《code class=“hljs avrasm“》目录:
builds 包含了全部框架代码文件
cmd 后面再Sencha Cmd中需要用到的文件
docs 相关的API文档
examples 示例代码
microloader 用于加载应用程序的文件
resource 包含样式定义文件及图片文件等资源
src 源文件
文件:
build.xml 生成应用程序所需的XML文件
file-header.txt Sencha的文件头,包含协议等信息
index.html 在线API文档
license.txt 协议文本
release-notes.html 版本发布说明
SenchaLogo.png Sencha的Logo
sencha-touch.js 压缩过的Sencha Touch核心库
sencha-touch-all.js 压缩过的Sencha Touch库
sencha-touch-all-debug.js 未经压缩的用于调试的Sencha Touch库
sencha-touch-debug.js 未经压缩的用于调试的Sencha Touch核心库
SETUP.html 官方的安装文档
version.txt 版本说明文档《/code》
下载Sencha Cmd
同样在Sencha官方可以下载到,当然我也依旧上传了已经下载好的,同样不需要下载分,传送门:SenchaCmd-4.0.5.87
安装的过程我就不再赘述了。
为了测试是否已经安装成功,你可以输入以下命令:
《code class=“hljs bash“》cd /
Sencha《/code》
输入后出现以下信息则表示安装成功。
接下来就可以开始生成应用程序了!《
target=“_blank“
class=“keylink“》vcD4NCjxwcmUgY2xhc3M9“brush:java;“》
Sencha -sdk c:\touch-2.4.2 generate app App d:\App
《code class=“hljs tex“》c:\touch-2.4.2 此处是你刚才放置touch的位置
app 这是你的app名字
d:\App 这是你的app位置《/code》
现在生成的应用程序还不能够运行,你还需要对其进行打包。而这也是Sencha Touch的魅力所在,你可以打包成Web网页,也可以打包成iOS应用程序,同样也可以打包成Android应用程序。
如果你只需要部署到网站,那么输入以下命令即可:
《code class=“hljs “》sencha app build《/code》
而如果你想打包成移动应用,所以你还需要一些步骤。
下载Ruby
Ruby我也同样上传好了,哎上传这些东西到CSDN可谓花了不少心血呐,CSDN下载栏目太不给力了。传送门:传送门
点击即可安装,安装好之后找到Start Command Prompt with Ruby这个应用,类似于cmd。
打开后输入:
《code class=“hljs cmake“》gem install compass《/code》
后台就会开始下载Compass,由于你已经在看这篇博客了,我也就不提醒你下载这个需要联网了……
下载完成之后CD到你的应用程序所在位置输入:
《code class=“hljs tex“》D:\App\sencha app build《/code》
它会执行一系列部署操作,具体你可以看显示出的信息。
打包APK
打开应用程序目录下的packager.json,类似于一个清单文件。
作如下修改:
《code class=“hljs mathematica“》applicationName 应用程序名称,随你改
applicationId 应用程序命名空间,类似包名
bundleSeedId iOS上用的,咱直接注释掉
versionString 应用程序版本号
versionCode 应用程序的生成号,比如上一个是6.0.12,这一个就是6
icon 应用程序的图标
inputPath outputPath 应用程序的位置以及应用程序的输出路径
configuration 应用程序的配置,改成Debug;如果是打包到应用商店时为Release
platform 有4种可选:iOSSimulator、iOS、AndroidEmulator、Android
deviceType 设备类型:iPhone、iPad、Universal(适用于Android)
certificatePath/certificateAlias/certificatePassword 证书/证书别名/证书密码
provisionProfile 苹果的配置文件……
sdkPath 关键部分,安卓SDK位置,记得有一个\作为转义啊!
androidAPILevel 对应的APILevel你得已经下载好了SDK才行
permissions 应用程序的权限
orientation 应用程序的运行方向,默认是4个方向都可以《/code》
如果你还没有安装SDK和JDK请先记得安装……
然后记得配置环境变量,最后还要配置一个系统变量CLASSPATH,其中保存JDK里面的以下文件,路径为参考,只要找到这两个文件就OK
《code class=“hljs tex“》……jdk\lib\dt.jar
……jdk\lib\tools.jar《/code》
OK,可以开始打包了!
在Start Command Prompt with Ruby中输入:
《code class=“hljs java“》sencha app build native《/code》
在你的前面的packager.json中的output里填的目录下找到APK文件即可。
这样我们的APK就已经打包并安装好了
jQuery Mobile和Sencha Touch哪个好
jqm简单易学,跨平台,运行速度中下
Sencha Touch 入门较难,也可以跨平台,运行速度中偏一点点上。
2个框架都用过,个人觉得2个都不好。
下面是一些分享:
第一组-行销和平台支持
Sencha Touch和jQuery Mobile都以HTML5框架著称。jQuery Mobile谦虚的说自己只是内建于所有流行的移动设备平台,而Sencha Touch则说自己是唯一能让为开发者在iOS,Android,BlachBerry,Windows Phone等更多的OS上开发漂亮应用的框架。老实说,这种夸大其词的广告让我失望。我还没有发现它说的那样好,Sencha Touch只能孤芳自赏了。
只支持web kit内核浏览器(据说这会在未来有所变化)
大家知道的,有很多移动应用框架比Sencha Touch好
jQuery Mobile
很多框架都不会为某一特定的平台做优化的,包括jQuery Mobile(据说1.4版本会做一些优化)
结论:jQuery Mobile胜
第二组-UI和视觉映像
正如您所见,Sencha Touch和jQuery Mobile在UI视觉是有些区别的。一个是完全的javascript驱动,而另一个是用HTML驱动的。这两种方式都可以展示漂亮的UI,但是Sencha 的UI更像是用原生API开发的一样(在混合应用程式中)。很不幸,它两在复杂UI程式中表现的就很糟糕了,尤其是jQuery Mobile.
Sencha Touch
在移动设备上,Sencha会比jQuery更加的流畅
Sencha遵循MVC哲学,它不会让你写任何HTML代码,一切基于javascript
Sencha 提供更多的UI元素和组件,比如说旋转
Sencha支持SVG(可缩放矢量图形,译者注),对于游戏来说是个好事
Sencha Touch IDE是付费的,虽然这个和UI没有关系。
jQuery Mobile
于Sencha不同,jQuery Mobile UI更像是web UI
要想展现jQuery Mobile UI只要在HTML中加入jQuery Mobile CSS即可,就像是jQuery UI框架的使用一样
使用Ajax会让有些开发者在页面特效处理方面感到困惑
使用CSS会让一些UI看起来很相似,要让UI表现的不一样得额外花费时间来处理。比如说SongMeanings.com网站中的mobile内容。
与Sencha Touch不同,jQuery Mobile得让你好好关心页面的构成,有时这是很麻烦的。所有都绑在了一起,这,时好时坏说不定。1.4版本也许会有所改善。
结论:Sencha Touch 胜
第三组-可用性,使用的难易
这是个完全不同的比较。jQuery Mobile是标记语言驱动,它是依赖于jQuery并很容易控制的。如果你喜欢MVC模式,那你就得选择Sencha Touch。当然这会带来付费的问题,至少这会让不喜欢用javascript的人不顺心的。最后,咱这组比较就是比较使用的难易的。
Sencha Touch
全都是javascript,新手会有些迷惑
很难debug
不容易上手
jQuery Mobile
如果你和大多人一样喜欢jQuery,你也会喜欢jQuery Mobile的
语法简单
可以用Backbone.js或Knockout.js来弥补MVC设计方面的缺陷
支持很多不同的主题,而且一切都可以用CSS来操作
任何IDE都可以开发
结论:jQuery Mobile胜
第四组-文档
再好的产品也会因此而被人们遗忘。它们两的文档都不错。Sencha Touch官方文档相当不错,jQuery Mobile文档的封面都是很漂亮的。但是,Sencha Touch的文档比jQuery Mobile的更好。
Sencha Touch
比jQuery Moblie文档更好,而且不会让人困惑。
内容不多
官方支持可不免费,也不会涉及IDE
jQuery Mobile
没达到Sencha Touch官方文档的水准
有博客,文章,论坛,Stackoverflow…等方式的支持
封面很漂亮
结论:Sencha Touch 胜
第五组-工具,插件,第三方支持
这个话题也是很重要的,好的开发工具和插件会让开发者更容易上手。
Sencha Touch
支持自家本地应用程序
支持主题包
IDE要付费
jQuery Mobile
Phonegap是支持本地应用的开发包,用jQuery Mobile开发Phonegap会让人感到有些怪
支持主题包,但支持的不全面,因为一些核心的CSS元素不容易更改,比如说已经被激活的元素
支持大量第三方插件,与jQuery插件兼容
比Sencha Touch更容易扩展
结论:平局,jQuery Mobile略胜一筹
yale8848
翻译于 1年前
0人顶
顶 翻译的不错哦!
最终比较
jQuery Mobile
优点
易开发
不错的第三方支持,插件就是知识,知识就是力量
易调试
Stackoverflow
缺点
比Sencha Touch慢
APP几乎是同样的UI,如果你是个能忍的UI设计师,那你就可以接受这种呆滞的UI
官方文档缺少一些东西,因为其在UI方面介绍的太多而欠缺在架构方面的介绍
sencha touch 怎么改变navigationbar的背景颜色
int year,month,day;
while(1)
{
printf(“\n请选择你所需要的服务:\n“);
printf(“\n输入1求某个日期对应的星期“);
printf(“\n输入2结束程序\n“);
scanf(“%d“,&option);
switch(option)
sencha touch 怎么识别手势左右滑动
sencha touch 中添加手势识别非常简单,就是监听 dom 元素的 move 事件:
1. 为你的 view 注册 swipe 事件
// 为当前 view 注册手势滑动事件
Ext.get(’myTouchView’).on(’swipe’, ’onViewSwipe’, this);
2. 判断滑动方向
// 手势滑动监听事件
onViewSwipe : function(e, target, options, eOpts) {
if (e.direction === ’left’ && e.distance 》= 20) {
console.log(’move left’);
} else if (e.direction === ’right’ && e.distance 》= 20) {
console.log(’move right’);
}
}
sencha touch 中 dom 元素有很多监听事件:
touchstart touchend touchmove swipe dragstart
drag dragend tap doubletap longpress pinch rotate
当然手势识别通过监听 touchmove 判断开始和停止的坐标也可以实现。
详细信息可以参考:sencha touch 文档中的 Kitchen Sink 例子中的 Touch Events
bootstrap和sencha touch,jqMobile的区别
所谓框架就是一系列预定义的样式或功能吧。
bootstrap 偏向桌面环镜,同时对移动设备也有较好的支持,,另外两个看名字就知道注重移动设备
phonegap中涉及Html和JavaScript的部分想怎么组合都行吧。。而框架是已经简单组合过的。
Sencha Touch 和 jQuery Mobile 该如何选择
都是移动端HTML5框架,从效果上来说相差不大。
Sencha Touch 是由 Sencha 公司开发的移动 Web 应用开发框架,该框架以 Ext JS 富客户端框架为基础,并支持最新的 HTML5 及 CSS3 标准,与流行的 Apple iOS 和 Andriod 设备兼容。一方面,它以 Webkit 浏览器引擎为基础,提供了出色的性能和用户体验;另一方面,提供基于 GPL V3 许可的开源版本和详尽的 API 文档,体现了良好的开放性和易用性。
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。并且开源、免费。
简单地说,Sencha Touch 是ext的移动版本,jQuery Mobile 是 jquery 的移动版本,具体的选择,看具体熟悉那个框架,如果两个框架都不熟悉,建议使用 jquery Mobile,因为jquery现在使用比较广,几乎成了JS的标准工具包,所以 jquery mobile 更加易用些、用户基础也好些
如何在sencha touch开发应用中打开网页
Sencha 旗下的产品,如果你熟练Extjs,几乎是零学习成本,平滑过渡到Touch开发,Sencha是一个非常活跃的组织,技术更新和支持都有很好的保障,世界财富100强里,50%都在用他们的产品
完美支持各大移动平台Android、IOS、WP、BlackBerry等,同时可以运行在任何HTML5兼容或以webkit为内核的浏览器上(chrome,safari,360|搜狗极速模式)等,一次编写,n次复用
采用超强的cmd压缩、Html5缓存和over-the-air技术,离线访问,解决您对流量的担忧
完美支持本地打包,一行命令即可将整个WebAPP打包成为NativeApp,非常方便,不需做任何变更(令我震惊的是可以直接通过ajax访问远程的服务没有跨域问题)
MVC开发模式,充分解耦,层次分明
针对不同平台,区别对待,一个app,phone和tablet两种展现
便捷的Sencha Cmd命令工具,类似ruby的命令行,辅助开发
丰富的报表控件
业界最完备、精致的API文档,丰富的学习资料,几乎一看就懂,强大的forum支持
稳定性、JSONP、兼容性等小细节,堪称完美
移动端框架,jquery mobile,sencha touch,phonegap都要学会还是学一
这个要根据项目的需求而定,一般简单的项目用个jQuery mobile +phonegap 就可以做个APP了。在深入追求点性能运行速度上的要求的话就学下sencha touch(比较难学)吧。但是jqm更加容易上手,学习成本最低。
当然你说的这几个框架其实性能都很低下。远比不上jqmobi(这个不是jquery mobile哈),一般我们都是借住一个底层框架如(jqmobi,zepto,jquery),然后自己写APP前端框架,这样的效率是最高效的。
我基本上用尽了所有流程的HTM5 APP 框架,最终都因为速度不理想而止步,最后自己写。APP启动速度基本秒开,响应速度和原生差不多。
初学者,学习下jQuery mobile掌握基本框架原理即可,phonegap不得不说是个很烂的框架。其实要做HTML5 APP就几句代码就可以打包了,用phonegap来打开APP启动、运行速度都很慢,还有很大一堆永不着的。