Sencha Touch:这个框架如何工作?

时间:2011-04-20 10:04:21

标签: html5 mobile sencha-touch extjs

我正在尝试用Sencha Touch建立任何有价值的东西。这些文档似乎在没有将所有内容捆绑在一起的情况下以碎片形式描述所有内容。

我的一个关键抱怨是我不明白如何将任何内容加载到浏览器中。如果我只是在此方法中的index.js中定义一个Ext.List:

Ext.setup({
    onReady: function() {

    }
})

然后由于某种原因将Ext.List加载到浏览器中。如果我在该方法中定义多个对象,它如何知道将哪个放入浏览器?此外,当我扩展Ext.List并将其放在上面的方法中时,没有任何反应。这是怎么回事?

更好的是,在哪里可以找到解释该框架如何工作的好文档?我仔细研究了Sencha Touch网站上的所有内容,包括教程,所有内容都非常不完整。

3 个答案:

答案 0 :(得分:9)

起初看起来确实令人困惑。重要的是要理解Sencha Touch与jQTouch或jQuery Mobile的区别在于你以完全编程的方式创建界面,os没有定义HTML文件中的UI或类似的东西。该框架在经典小部件集的传统中编写得更多,例如QT。这种风格不是传统的Web开发人员习惯的,但我实际上说文档非常完整。它不是用Web开发人员熟悉的风格编写的。

这是它的工作原理:一个组件需要设置一个属性fullscreen: true。此组件成为根,并使用.add()方法将所有其他可见UI组件添加到此组件。 但是在Javascript 中定义了所有。这是最重要的事情要记住。

您可能已经找到了它,但主要文档存储库是API文档(here)。如果你要去任何地方,你将不得不习惯从这里读取相当多的东西。这里的重要事实是UI中的所有内容都继承自Component类,而Panel可能是

当我开始使用时,我发现this页面更适合启动。我特别推荐Drew Neil在面板上的优秀屏幕演员。

我认为这与Sencha Touch仍然是一个年轻的图书馆这一事实有很大关系,并且它的根源在于高度程序化和以OO为中心的Ext.js框架。花费一些时间来真正学习Ext.js的基础知识,从长远来看,在尝试使用Sencha Touch时可能会有很大帮助(提示:Observable是最重要的类)。

很抱歉,你说文件不是很友好。但是,当涉及到移动界面时,你从Sencha Touch获得的用户界面仍然会在竞争中脱颖而出,所以我想说如果你真的想要最流畅的移动用户界面,那还是值得的。

答案 1 :(得分:2)

我建议您查看会议视频http://www.sencha.com/conference/videos,特别是“构建您的Sencha Touch应用程序”,我按照视频中解释的MVC模式从头开始重新启动应用程序,两天后我到达了之前的位置加上大量固定的错误,但最重要的是现在我真的明白我在做什么以及为什么在使用这个标准模式之前让事情变得如此困难。

答案 2 :(得分:0)

我发现学习sencha touch的最佳地点之一是关于构建一个简单的SenchaTouch1.0应用程序的这个4部分系列: - http://miamicoder.com/2011/writing-a-sencha-touch-application-part-1/ 跟进MVC示例: http://miamicoder.com/2011/writing-a-sencha-touch-mvc-application/ 完成上述教程后,您可以轻松自如地使用SenchaTouch自己的文档,教程和截屏视频。