网页中类似iPhone老虎机的“选择器”选框？

Question

我正在寻找一个类似iPhone的“选择器”控件，可以在Web上使用。

无需考虑可访问性。JavaScript将在所有客户端上可用，并且Web应用程序将在提供给用户的环境中运行。如果解决方案可以优雅地降级为选择框，那就太好了。Flash和Silverlight并不理想（出于我不想深入讨论的原因），但是其他人可能会欣赏Flash和Silverlight中的类似解决方案。

以下是iPhone上该控件的示例：

- sjstrutt

---

你能描述一下这与选择框有何不同吗？如何滚动它？它需要平滑滚动等吗？ - nickf

无障碍可能不是一个问题，但可用性呢？我无法想象用鼠标这样的东西。用手指滑动才是 iPhone 上好的界面。我预测对于鼠标和键盘用户来说会有困难。 - Rob Kennedy

@nickf 滚动将通过点击（并保持按住）控件并垂直拖动鼠标来完成。我找到了一段代码，但它只适用于移动版Safari。http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11 - sjstrutt

@Rob Kennedy，在这种情况下，可用性也不是一个问题。该应用程序将在触摸屏环境中使用，但不是iPhone。解决方案应该像使用鼠标一样处理，因为触摸屏驱动程序的作用就像鼠标。 - sjstrutt

Answer 1

我知道这个问题有点老，但是由于我有答案，我可以把它给出来。其他人可能仍在寻找答案（就像我一样）。我创建了这个控件，以便将其作为jQuery插件使用。请查看我的博客：

http://marinovdh.wordpress.com/2011/09/14/use-the-iphone-uipickerview-control-as-a-selectbox-on-your-website-with-jquery/

- Marino van der Heijden

---

博客文章仍然存在，但是当我尝试下载它时，链接无法工作。 - Jon Onstott

请查看 GitHub 获取最新版本：https://github.com/r3wt/iPhonePicker - Marino van der Heijden

Answer 2

ComponentOne 可能有你需要的东西。请查看 C1 Studio for iPhone，网址为 http://www.componentone.com。这是一套 ASP.NET 控件集，模仿 iPhone UI 元素的原生外观和感觉。

- Todd Schick

---

是的，iPhone Studio恰好有您所需的。请查看包含在该工作室中的PickerView。http://www.componentone.com/SuperProducts/PickerViewiPhone/ - Banzor

Answer 3

听起来你正在寻找已经构建好的东西，我没有看到过，但是看起来你可以通过使用YUI的 Carousel Control加上Animations来构建一个，就像Carousel Control页面上的这个部分所解释的那样。

祝你好运！

- carolclarinet

---

这不是一个坏建议。但如何将该样式应用于选择框呢？我认为更好的方法是重新设计垂直滑块，就像在jQuery中经常发现的那样。虽然我还没有找到解决方案，但如果我完成了一个，我会在这里发布更新。 - sjstrutt