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

Sencha Touch 2.1 将会有何新特性

来自 Sencha Touch 的博客上的文章介绍了 Sencha Touch 的下一个版本 2.1 的主要改进内容。

Sencha Touch 2.1 是我们下一个 Sencha 移动框架的版本,该版本将会包含以下几项关键性更新:

1. 显著的性能提升

2. 图表支持

3. 高级的列表控件

4. 通过 Sencha Mobile Packager 增强原生支持

移动 Web 应用程序框架比拼,第 4 部分: 依赖于 Sencha Touch 的一个完整移动 Web 解决方案

移动 Web 应用程序开发有望通过一个应用程序便可接满足许多用户的要求。许多出色的框架都能帮助您完成这项任务,本系列讨论了其中几个框架。通过缩小受支持设备的范围,调整运行某些版本的 Android 或 iOS 的设备的范围,您的应用程序的复杂性降低了,而潜在功能却增加了。这正是 Sencha Touch 背后的理念,该移动 Web 应用框架基于 JavaScript 库(过去称为 Ext JS)。事实上,Sencha Touch 为高端智能手机提供了完整的移动 Web 解决方案。

解决了Sencha + phonegap 白屏问题

使用Sencha + PhoneGap 开发的朋友,可能会遇到 sencha touch2 + phonegap在android 4.x 启动后白屏的问题.这个问题很烦人,在某些机上会出现,某些机上不会出现,到底是什么原因导致的呢?

一行代码就解决了sencha touch2 + phonegap在android 4.x 启动后白屏的问题,在index.html里加入下面一段代码:

sencha touch2学习笔记(六)----mvc方式写法(结束)

sencha touch2还有很多组件,我不能一一列出。如果你想知道更多,可以看官方的文档。
到现在我还没用sencha touch2做过系统,因为现在sencha touch2性能还是不乐观。加载了个小组件,需要几秒钟。用户体验极差,而且界面方面相对于本地应用也没什么优势,他能做的本地都能做的出来,而且性能比他好。但是我相信随着手机性能的提高,和sencha touch2的优化。sencha touch2会展示出自己优势的一面,比如跨平,便于开发人员。

sencha touch2学习笔记(五)----Carousel 可滑动换页

Carousel是一个可以滑动的组件,就如android的ViewFlipper。只是Carousel更好看。
代码如下:
......................................
......................................

sencha touch2学习笔记(四)---panel容器

在sencha touch2中,panel就是一个容器,可以容纳很多组件,可以控制布局。代码如下
.................................
.................................
docked:'top'表示工具栏位置在上。这只是个hello world式的例子 。如果想了解复杂的应用,可以参看文档的介绍哦。

Sencha Touch 快速入门2.0 第三章 布局(2) Card布局

Fit布局很有特点,它只允许自己的第一个item被显示出来,并且填充满自己。如果它的item多于一个,那难免是会出些意外的情况的。

如果你发现你的容器内的控件有的没有全部被显示出来,那不妨看看它的layout是否为fit,试着将它强制设为vbox往往就能解决问题。

下图是在一个layout为fit的Panel里放了三个button的结果:

所以说:除非你想营造些令人匪夷所思的效果,请不要在fit布局的容器里面放超过一个的东西。

Sencha Touch 快速入门2.0 第三章 布局(1)Box布局

Sencha Touch里的布局有五种

  • hbox
  • vbox
  • card
  • fit
  • auto[默认]
实际上可以分为Box布局和Fit布局两种。
Sencha touch里的布局应该理解为:该控件内部子项的排列方式。
我们今天先来看看box布局

Box布局
  顾名思义,box布局就是一个个的box组成的。
    hbox: 水平排列、垂直居中、靠左置顶
    vbox: 竖直堆叠、水平居中、靠上置顶

Sencha Touch 快速入门2.0 第二章 Chorme浏览器调试功能介绍

    大家好,今天再为大家奉献一篇入门教学,这次是关于浏览器调试的。
无论你是在学习,还是做项目,熟练地掌握浏览器的调试功能,都将会有很大的帮助。调试能够帮助你快速地了解框架,处理bug,让你不论处理什么都能够更快速,更准确。
在这篇文章里,我将详细地为大家介绍chrome浏览器中常用的调试功能,对于其他的浏览器,大家同样可以触类旁通。接下来->打开chrome->按F12。开始chorome调试之旅吧!

Sencha Touch 2 学习笔记(三)----Form表单容器及其子组件

Sencha Touch 2 封装了很多的UI组件,今天标记下学过的组件---formPanel。var formPanel=Ext.create(

它的包名为Ext.form.Panel。所以创建的时候代码如下:

几种常用HTML5移动应用框架的比较

对于Mobile Web来说,现在是快速成长时代。由于采用了HTML5和CSS3技术,移动浏览器的性能加强了许多,同时,移动app的框架也扩展了,这意味着为移动设备创建丰富的互动的web体验的可行性又提升了。采用诸如PhoneGap这样的封装软件,您就可以使用native app Store以及单个代码库,就可以分布式部署iPhone,iPad和Android等不同的目标平台了。
对于Mobile Web的开发人员来说,切换框架代价很高:因为动画的转换,工具栏,按钮,列表的显示,以及线下存储等都很麻烦。因为大部分上述功能都是新技术,以及这些领域的技术还在迅速地改变。作者玩转了许多Mobile Web的框架并且对它们进行了分析比较,下面将为您讲解他的研究发现。

Sencha Touch 2 学习笔记(二)----定义类与类的继承

最近几天学了下sencha touch2的一些基本控件和一些写法。都是很基础的(呵呵 高级的我学不会。。)
sencha touch2的语法感觉很像面向对象的语法。有自己的类,类可以继承。(现在语言貌似都向oop靠拢。。)。
sencha touch2如果项目大的话有一种mvc的架构写法。这以后贴代码给大家看吧。
这篇文章讲的是sencha touch2的类。
废话不多说了。开始吧。
首先你先配置下sencha touch2的环境,导入sdk什么的,请参照http://extjs.org.cn/node/543

Sencha Touch 2学习笔记(一)---环境搭建和开发工具配置

最近正在了解html5的相关知识。知道了一个html5的框架-sencha touch 2。它的前身是ExtJs(js重量级框架,封装了一些ui控件)。sencha touch2是专门为手机开发的一套框架。可以适用于多个手机操作系统,其实就是兼容手机上的浏览器。
想更多的了解sencha touch2可以参照http://baike.baidu.com/view/3800552.htmhttp://extjs.org.cn/。如果英文好的话可以去他的官网。