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

Question

我正在尝试用Sencha Touch建立任何有价值的东西.文档似乎描述了所有内容,而不是将所有内容捆绑在一起.

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

Ext.setup({
    onReady: function() {

    }
})

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

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

Answer 1

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

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

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

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

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

很抱歉,你说文件不是很友好.但是,当涉及到移动界面时,你从Sencha Touch获得的用户界面仍然会让竞争对手失去竞争力,所以我想如果你真的想要最流畅的移动用户界面,它仍然是值得的.