还记得我们有带指针,拨动开关,转盘,发光的摇杆和按钮的仪表吗?我正在尝试使用正在使用的基于Web的控制面板来重新创建它,但我遇到了一些困难。

我找到了许多有关如何进行操作的示例模拟包含所有所需图形的模拟仪表,但是我没有发现任何可以帮助我创建其他控制元素的东西。我还研究了古老的jQuery UI库,但是还没有找到任何类似的主题。它有很多滑块,拾取器和其他东西,但都是现代的。

这是我想到不能成为唯一想要构建这样的东西的东西之一,所以我希望有一个库,并随需要的图形和样式一起分发,以使所有内容正常工作。

必备功能:


提供模拟样式控制元素和仪表,并具有工作所需的所有图形和样式
与IE 10 +,Chrome和Firefox的最新和早期版本兼容
至少具有稀疏文档

很高兴拥有:


根据任何OSI批准的软件许可证发布了
更大的浏览器兼容性(IE 9 +),Opera Mini,Etc
不是移动设备上的白痴
轻巧的足迹

上下文

通过Google图片搜索可以找到我要实现的最佳物理示例在“模拟控制台”上。其中很多都与声音有关,但是它们表现出我想要获得的较旧的风格。我本来想在此结果中包含一些图像,但我不想侵犯任何人的版权。

我正在做一些事情,可以让我随时随地关注很多地方的许多事情,而且我正在努力使之更加有趣。这些东西很适合通过经典样式的“ VU”仪表进行可视化,并可以进行一定程度的控制,使按钮和旋钮变得非常有意义。认为.. Enigma模拟器),但我似乎找不到一个纯Javascript解决方案,感觉好像必须有一个,而我只是没有找到它。并且正在使用)jQuery Analogue Meter。我希望有一个更完整的工具包,它具有匹配的按钮/开关/摇杆等。

评论

@ Pierre.Vriens我已经开始了一个有关您的修改的元问题;-)

#1 楼

有一个YUI Dial控件:http://yuilibrary.com/yui/docs/dial/

和滑块控件:http://yuilibrary.com/yui/docs/slider/

您可能会从此开始。它们都有从YUI提供的几种不同的外观(例如:http://yuilibrary.com/yui/docs/slider/#skins)。

按钮控件:http://yuilibrary.com/ yui / docs / button /可以用作拨动开关或按钮,但是我不确定它们是否已经具有该外观。如果没有,我的建议是使用这些图片,并在许可的许可下从网络上提取一堆图像,然后使用它们为按钮设置外观。我知道,YUI使得仅使用CSS即可轻松设置控件外观。如何执行此操作的示例。

我不确定您对点燃的摇杆会做什么。我的猜测是,它与按钮非常相似。

对于仪表控制,也许有很多进度条,就像他们在这里所做的一样:http://yui.github.io/yui2 /docs/yui_2.9.0_full/examples/progressbar/pb_vumeter.html,但我将使用同一作者的YUI3版本:http://satyam.com.ar/yui/3.0.0/progressbar/

对于针,您想要的是Google的仪表图:https://developers.google.com/chart/interactive/docs/gallery/gauge

我不认为YUI具有等效。

最后,如果实际上为其余控件构建外观,将它们提交回YUI真是太棒了。

希望这会有所帮助。

评论


很好奇,为什么要对此应用Wiki状态?这是一个非常有用的答案,您应该对此有所了解。

– Tim Post
2014年3月7日在17:37

分数很好,但是更好的答案更好:)我认为其他人也可以加入。

– bluesmoon
2014年3月7日在20:29