javascript - 将现有的移动 HTML 设计与 sencha touch 集成

Question

我的设计师已经为移动应用程序创建了 HTML 5 UI，它是纯 HTML 5 设计，但现在我想让它发挥作用，需要使用 Sencha Touch。

由于 sencha touch 有自己的布局、 View ，并且能够为按钮和其他组件绑定(bind)事件。现在我不知道如何将它与我现有的移动用户界面设计集成。

sencha touch 有 View ，并且是运行时生成的，但是我们已经拥有的 View 或设计呢？有人可以指导我如何将现有设计与 sencha touch 集成

Answer 1

不幸的是，当使用 Sencha Touch 时，这是错误的方法。 Sencha Touch 的强大之处在于其现成的 components已经带有它们的语法和类。最好将这些作为您的基础，并根据您的需求进行更改，而不是相反。

看看这个 guide about theming Sencha Touch apps .

可以从头开始创建自己的组件，但需要做更多的工作，特别是当您基本上想要使用其内置组件已经提供的功能时。

根据您的设计，我会将它们用作引用。使用内置组件构建应用程序并相应地设置它们的样式。

future :让设计师了解内置组件。 Sencha Touch Kitchen Sink是一个很好的引用。如果您想并行工作，请让他们在此基础上创建一个主题，您可以在原型(prototype)完成后将其应用到原型(prototype)上。