Sencha Touch|Sencha Touch中文|Sencha Touch中文教程

Sencha Touch和jQuery Mobile的比较

很多人问我Sencha Touch 和jQuery Mobile哪个更好。事实上,它两的区别就像是Web后台编程,PHP和Java。它们都能完成同样的功能,但其实它们是为不同的目的而创造的。

  Sencha Touch基于web-kit浏览器并做了优化,而jQuery Mobile适用于一般浏览器。因为Sencha Touch做了优化,很多人觉得它比jQuery Mobile更棒。混合移动应用(类似用用Webview编程,译者注)会让Sencha Touch熠熠生辉,它会让移动应用非常流畅就像是用原生API开发的一样。但jQuery Mobile也会在不同的地方发光发彩的。与Sencha Touch只支持web-kit不同,jQuery Mobile在支持HTML5的浏览器工作的也是相当的漂亮。无论你是使用Windows,MAC OS,Android或是iOS系统,jQuery Mobile都能吸引你的眼球。

Sencha Touch 列表批量选择扩展

效果如下图:

Sencha Touch中使用标准LocalStorage

虽然Sencha Touch本身有和Store关联的LocalStorageProxy,但是使用起来限制性较大,比如复杂的TreeStore就没法正常使用。

所以,我使用灵活性更好的Html5标准LocalStorage。

下面举例说明用法:

首先在App.js中声明全局LocalStorage变量:

Sencha Touch PhoneGap开发视频讲解

Sencha Touch结合PhoneGap开发,是一个能快速开始手机APP的方法,但这方面的视频少之又少,今天站长无意看到了一个英文版本的,详解得很详细,欢迎大家围观.

在 Android 模拟器上设置 Sencha Touch

作为你开发的一部分,为安卓设备开发的 Sencha Touch框架应该在安卓虚拟机中被测试。这篇博客讨论如何安装和使用安卓虚拟机,使用命令行或者Sencha Architect构建器来进行 Sencha Touch开发。
被出售和使用的Android智能手机的数量最近超过了iOS智能手机。 (2013年4月的时代杂志的一篇文章披露出来的数据)。
很多Sencha Touch开发者针对的是Android平台。这篇博客将从头到尾向你展示如何搭建Android开发环境。文章中的截图和路径是Mac OS上的,Linux上的过程几乎是相同的,Windows平台的过程也是非常相似的。

Sencha Touch list css(样式) 详解

[code]
/*
*自定义列表页面
*/
Ext.define('app.view.util.MyList', {
alternateClassName: 'myList',
extend: 'Ext.List',
xtype: 'myList',
requires: ['Ext.plugin.ListPaging', 'Ext.plugin.PullRefresh'],
config: {
cls: 'list',
plugins: [{
xclass: 'Ext.plugin.ListPaging',
autoPaging: true,
noMoreRecordsText: '没有更多内容了',
loadMoreText: '加载更多...'
},
{
xclass: 'Ext.plugin.PullRefresh',
lastUpdatedText: '上次刷新时间:',
loadingText: '加载中...',

Sencha Touch 2 在MAC下详细的开发流程

在不久的将来我相信Web App会流行的非常广, 能看到未来才能主宰未来。对于我们开发人员来说我觉得想成就一件伟大的事情,需要过硬的技术和好的想法,再加上决不放弃的精神,一定可以成功的。

以下在Mac下测试成功

人事考勤系统之Sencha Touch 2登录界面

这几天想了一想,想把自己空闲的时间利用起来开发一套Sencha Touch 2的人事考勤系统。和大家一起分享, 也希望大家能参于进来,一起开发。
今天我打算把登录界面发布出来,不过有几个问题我还在思考当中.
1: 字体不是太好, 界面看的也不是太舒服.
2: 当单击登录按钮的时候还没有实现验证用户名和密码:

Sencha Touch 路由(routes)浅谈

encha Touch comes with fully history and deep-linking support. This gives your web applications the following two important benefits: The back button works inside your apps, helping you to navigate correctly and quickly between screens without refreshing the page Deep-linking enables your users to send a link to any part of the app and have other load the right page The result is an application that feels much more in tune with what users expect from native apps, especially on Android devices which fully support the built-in back button.

煎茶触摸配有充分的历史和深度链接支持。这使你的web应用在以下两个重要的好处:“后退”按钮可以在你的应用程序,帮助你正确导航和屏幕之间快速无需刷新页面深联使您的用户发送一个链接的应用程序的任何部分,有其它负载右页的结果是一个应用程序,感觉更合拍,与用户期望从本地应用程序,尤其是在Android设备上全力支持内置的后退按钮。

以上是官方解释,以及谷歌翻译。

下面以一个实例来解说

实例下载地址:http://download.csdn.net/detail/jy02534655/5480079

如果使用adt-eclipse来打包应用

Sencha Touch 2 入门心得

涉足了一下sencha touch ,它也属于ExtJs框架的一种,看了很多天,糊里糊涂的,虽然有API,可是不懂它的机制还是没啥用……

后来看了很多博文,才略懂一二啊

或者步骤可以这样说:

1、下载sencha touch 的开发文档,里面包括了example ,2.1.0版本及低版本的还包含API,新版本的连到了官网。
2、下载Sencha Cmd 工具,利用DOC命令,可以直接build一个app初版。
3、sencha touch 开发工具配置代码提示,具体方法可以网上再搜。

Sencha Touch 2.2正式版下载

Sencha Touch 2.2 提供了自定义主题的能力,你可以为你的应用定制不同平台上的 CSS,不同平台这里可以理解为不同的浏览器,例如 Chrome、IE10 或者 Safari,也可以是不同的设备,如 Android、iOS、BlackBerry 10、Windows Phone、Surface 等。Sencha Touch 可自动检测当前运行的平台。

Sencha Touch 2.2 正式版下载

Sencha Touch 2.2 正式版下载
包括:
所有源代码
构建
HTML API文档
示例

免费版:
下载(Download)

商业版:
下载(Download)

缓存代码Sencha Touch - 缓存问题解析

首先声明,我是一个菜鸟。一下文章中出现技巧误导情况盖不负责

这个问题困扰了我好几个月,每次应用sencha app build production后,版本的动改没法自动更新,每次都要需手动理清浏览器缓存。

终究下决心究研下这个问题的处理,费了劲终究搞定。

1. 研读源代码

senche的处好是开源。针对缓存这块要重的代码是

touch\microloader\production.js

里头是有所关于缓存的代码

Sencha map infowindow 的问题

在使用map的过程中,发现多个地标的infowindow是无法关闭的

因为在sencha中不如在js中可以设定多个全局变量来控制,所以google搜来的教程大多不可用

写下我的解决方案