实现桌面/iPad的UI组件

Implement UI components for desktop/iPad

本文关键字：UI 组件 iPad 桌面实现更新时间：2023-09-26

我正在从头开始创建一个适用于台式机和iPad的网站。将会有一些UI组件，比如你可以在上看到的滑动面板http://www.moneycontrol.com/tablet/

加上一些其他的东西，如手风琴，拖放东西，等等

我需要为所有设备调用相同的html文件(只能在css或js中进行分隔(现在我们可以通过多种方式实现这些功能。在某些情况下，可以在不修改的情况下在桌面和iPad上使用相同的组件(例如，通过jquery ui(但我猜也有一些不利因素，比如性能问题。不确定这是否是唯一的事情。请建议，如果你知道任何其他事情，也可能来自开发方面。

另一种方法是在台式机和iPad上使用不同的ui组件。例如，对于现场http://www.moneycontrol.com/tablet/，它使用DMZone滑动面板，只能在iPad上工作，而不能在常见的桌面浏览器上工作。。因此，在这种情况下，我们将使用另一个适用于桌面的组件。这是一个好方法吗？

因此，我的问题是，无论是从用户的角度来看，还是从其他移动设备的未来开发工作来看，我应该采取哪种方法？

我需要一些有力的论据来证明正确的做法是合理的。

请尽可能多地提出建议。我对所有的想法都持开放态度。。

您想要的是一个支持桌面客户端的移动应用程序框架。这里有很多免费的和商业的。

其中一个很受欢迎的是http://www.appcelerator.com/

虽然我还没有用过它，我也不能告诉你你是否会在路上遇到死胡同(例如滑块(，但这是你能做的最好的方法。

而且，您可以为未来的移动设备提供更多保障。

你可以自己研究其他框架，但appcelerator似乎很好。

编辑：

在移动设备上创建原生应用程序与基于浏览器的应用程序是否最好，似乎存在争议。有一些有趣的帖子：

http://www.readwriteweb.com/archives/mobile_app_or_browser-based_site.php

http://blog.caplin.com/2011/02/11/sdps-native-or-browser-based-mobile-apps/

将应用程序导出到多个设备的唯一明智方法是使用框架。另一种方法是根据访问您网站的设备设置数百个条件。。。

如果你想在移动设备中进行纯HTML交互，那么你可以使用jQueryMobile。但你必须进行某种黑客攻击才能在桌面上正确呈现页面。

Sencha touch是最好的基于web的触摸UI工具包，在我看来，它也是免费的。http://dev.sencha.com/deploy/touch/examples/kitchensink/单击"用户界面"链接查看示例。

用Sencha touch编写的应用程序适用于iOS、Android和黑莓。为您的所有移动操作系统提供一个代码库。您也可以直接在safari/chrome中运行它们。

这是他们的APIhttp://dev.sencha.com/deploy/touch/docs/