构建Firefox OS UI的方法

时间:2013-07-17 22:53:18

标签: user-interface firefox-os

最近Firefox OS已经进入市场,像我和我的朋友这样的开发人员对于为这款手机开发应用程序非常好奇。我已经开始通过互联网上的教程为这个移动操作系统开发应用程序。

对于Android来说,通过拖放来提高应用程序GUI的机会很有利。 firefox操作系统是否存在相同的功能?

更具体地说,假设我想在Firefox移动操作系统中包含日期选择器,如下面的屏幕:

enter image description here

以上日期选择器UI的代码如下:

<datepicker type="grid" value="2007-03-26"/>

有没有什么方法可以拖放UI,UI的代码会像Android一样自动构建?如果有这样的安排,对我来说会很有帮助。我在互联网上搜索了很多教程,但无法得到满意的答案。

1 个答案:

答案 0 :(得分:2)

没有专门为Firefox OS构建应用程序的拖放UI,但Firefox OS上的应用程序是Web应用程序,这意味着您可以使用任何现有的Web开发工具来构建应用程序。

http://buildingfirefoxos.com处有一组用于标准UI的构建块,但这些构建块实际上是用于内置应用程序,并未实现为重用第三方Web应用程序。您可能希望使用许多Web UI框架中的一个,如JQuery UI。

在您提到的datepicker的特定情况下,Web已经有一个HTML标记。如果您在应用中使用[input type =“date”]元素(请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input),它将使用针对移动设备进行了优化的系统日期选择器。

您可以在网络浏览器中开发您的网络应用程序,但是如果您想看看您的应用程序在Firefox OS中的运行情况,您可以使用适用于Firefox的Firefox OS模拟器插件https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/这将显示你是内置的datepicker接口。

开发你的应用程序祝你好运!