Sencha 和其他触控框架中的自定义 UI 设计

Posted 2023-02-26

【中文标题】Sencha 和其他触控框架中的自定义 UI 设计

【英文标题】：Custom UI design in Sencha and othere touch frameworks

【发布时间】：2011-11-28 09:46:16

【问题描述】：

有人可以指导我使用哪个 触摸框架 (javascript) 来制作平板电脑应用吗？我是这个领域的新手，我正在寻找可以让我舒适地使用我的自己的 UI 设计的东西。

我通过 sencha 听说它适合平板电脑应用程序环境，但我（抱歉，这可能听起来很奇怪）无法确定我是否可以使用我自己的 UI 设计来制作煎茶中的应用程序。或者任何其他框架（稳定）允许使用自定义 UI 设计？

【参考方案1】：

除了屏幕尺寸外，手机和平板电脑之间没有任何重大区别。例如，您在手机中显示的一个长滚动屏幕，将显示在平板电脑上的分屏中（我在这里专注于用户体验）。

在 jscript 框架中仍然很少支持分屏，因为 webkit 浏览器不完全支持仅滚动页面的一部分（即 iframe 或溢出：滚动 div），这种支持现在才开始实现ios5（android 自 2.2 以来就已经有了这个，但它从来没有正常工作过）。 还有其他 jscript 解决方案（如 iScroll），但作为客户端代码，它们并不总是为客户端带来完整的“体验”。

JQuery-Mobile docs 有一个版本正在测试中，您可以在平板电脑/手机中尝试以查看差异。

关于您的“自己的 UI 设计”，如果您指的是任何框架上都可能出现的颜色/图标/按钮。当您想要创建自定义布局时，问题就开始了，并且每个框架都根据您想要实现的目标提供部分支持。

一般来说，我会说 Sencha 将您与 html 设计完全分开 - 您使用 JSON 控件构建所有内容，并且它具有广泛的事件/渲染代码（当然您可以编写自己的控件），而 JQuery 等框架移动工作直接在 HTML 上（您为细节指定 data-* 属性）并呈现几乎相同的内容（好吧，它确实添加了包装层，但通常它仍然是纯 HTML）。

与往常一样，“这取决于”您想要实现什么以及您准备放弃什么... ;-)

【参考方案2】：

Sencha Touch（我们的框架）特别适合平板电脑应用，因为它实现了多个可滚动区域，适用于较旧的 iOS 和 RIM 设备，而不仅仅是 iOS5。但是，使用 Sencha Touch 的目的是您使用内置的 UI 组件（轮播、动量列表、选项卡等）创建您的应用程序，或者，如果您有独特的 UI 元素，那么您将需要扩展现有组件或构建自定义组件。如果您希望能够将自己的一些 HTML 转换为 innerHTML 甚至是 Touch xTemplate，那么您将面临失败。不过好消息是有tutorials在做自己的组件，还有plenty of apps可以看源码，指导自己的开发。很多人都使用自定义 UI 构建了应用程序

您需要一定程度的 javascript 经验才能使用 Sencha Touch，因此，如果您来自非 JavaScript 网页设计背景，则必须先了解 JavaScript 学习曲线。