ext-ui.com

中文教程

移动开发框架Sencha Touch之:iPad开发

在上一个关于sencha touch的教程《移动跨平台开发框架Sencha Touch实战》中,我们已对如何使用Sencha touch进行开发有了初步的认识。在本系列教程中,将学习如何使用Sencha Touch,开发一个适合在ipad上运行的网页应用,并详细讲解其中的技巧。本文的阅读对象为对Sencha Touch有一定基础的读者,如果读者不熟悉相关内容,请先查看上一篇教程。

移动跨平台开发框架Sencha Touch实战

目前,智能机的应用开发如火如荼,比如Android,苹果ios开发的应用已越来越多。开发者在开发这些基于不同操作平台上的无线应用时,都面临要熟悉所用平台的技术知识的挑战。因此,目前有不少基于HTML5标准的跨移动开发框架出现,开发者只需要掌握HTML5,CSS及Javascript及相关框架的开发技巧就可以了。

Sencha Touch 自定义List的两种实现方案

sencha touch的list里嵌入自己想要的控件,有多种选择方案。

其中一种是直接在tpl上加上html标签(如<button> <input>)创建html控件。效果如下:

蛋疼了吧。。。风格不统一,而且要给按钮加事件也显得比较别扭。这个方案,当然还是有它的好处的,这是所有方案中效率最高的一个。

sencha touch 高性能 list最简单高效的实现方案

sencha touch 的list,性能非常的低,官方论坛有人说超过200个项就已经是超标了!但事实上超过40个项就非常卡了,尤其是每个项里还有图图片的时候,在iphone中可能效果不错,但到了android,你可能会摔手机.
卡的原因其实是元素太多,必需限制显示的数据,但又要解决上滚和下滚显示相应的项,有人会想到用分页,其实分页相当的麻烦,下面就说一个鄙人奋战了一天摸索出来的方法,仅仅三步,几行代码,你看了也会会心一笑.

在应用中使用Ext Loader

ExtJS 4.0是一个使用新的依赖系统的类加载系统。这两个强大的新功能允许你创建大量允许浏览器按需下载脚本代码的应用。

今天,我们将通过建立一个小的使用新的类加载系统的应用程序来熟悉一下依赖管理系统。同时,我们将讨论Ext加载系统的各种配置项。

在开始之前,我们先来看看将要实现的结果。这样做,可使我们确定需要扩展那些类。


聚合内容