在Sencha Touch / Ext JS中定位组件？

Question

似乎是如何在Sencha Touch / Ext JS中定位组件的答案，特别是百分比或按比例，几乎可以使用某种类型的布局类型的容器。

这似乎是向后退一步 - 类似于HTML表格的网页布局。创建一个控制布局的包含结构，并在每个“单元格”中创建一些内容。

具体来说，如果您有一个基于这些规则不需要SIZED的组件，那么只能定位 - 这实际上就是Sencha Touch / Ext JS所采用的方法。

布局类型hbox，vbox，列，flex布局，锚点。它们都在组件周围创建容器，而不是直接定位组件。

我是否遗漏了某些不可或缺的东西，或者这是不是真的如此？

除了过度嵌套的明显问题外，它似乎是一种更复杂的方法，并在每个组件与页面上的其他组件之间创建依赖关系。

我希望有一种方法可以说“这个组件从顶部开始占30％，从侧面开始占20％”，也可能使用百分比来调整组件大小 - 但并非总是如此。

如果您正在为多个设备开发，则必须采用百分比/比例方法。

Answer 1

如果您刚开始使用Sencha Touch，很容易陷入其创建的大量标记中。在Sencha Touch中开发的关键是让它做自己的事情并允许自己做“Sencha Touch Way”。

此外，您可以随意为要创建的组件添加类。您可以使用CSS操纵这些操作，就像普通网站一样。

浏览文档。框架已经存在了一段时间，因此，您的问题可能已经得到解决。