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

Question

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

这对我来说似乎是一种倒退——类似于 HTML 表格用于网页布局。创建一个控制布局的包含结构，并且在每个“单元格”中都有一些内容。

具体来说，如果您有一个组件，您不希望根据这些规则进行 SIZED，只需定位 - 这基本上就是所有 Sencha Touch / Ext JS 方法似乎都是。

布局类型 hbox、vbox、columns、flex 布局、anchor。它们都围绕您的组件创建容器，而不仅仅是直接定位您的组件。

我是否遗漏了一些不可或缺的东西，还是真的是这样？

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

我想用一种方式说“这个组件是顶部的 30% 和侧面的 20%”，也可能使用百分比来调整组件的大小 - 但并非总是如此。

如果您要针对多种设备进行开发，则必须使用百分比/比例方法。

Answer 1

如果您刚刚开始使用 Sencha Touch，很容易被它创建的大量标记所吸引。在 Sencha Touch 中开发的关键是让它做自己的事情，让自己按照“Sencha Touch 方式”做事。

此外，您可以随意向您正在创建的组件添加类。您可以像处理普通网站一样使用 CSS 来操作这些内容。

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