2009-03-17 4 views
8

Ich suche eine iPhone-ähnliche "Picker" -Steuerung, die ich im Web verwenden kann.iPhone-ähnliche (Spielautomat) "Picker" -Auswahlbox für das Web?

Zugänglichkeit ist kein Problem. JavaScript wird auf allen Clients verfügbar sein und die Webanwendung wird in einer Umgebung ausgeführt, die dem Benutzer zur Verfügung gestellt wird. Wenn die Lösung jedoch zu einer Auswahlbox degradieren könnte, wäre das großartig. Flash & Silverlight sind nicht ideal (aus Gründen, auf die ich nicht spreche), aber ähnliche Lösungen in Flash & Silverlight kann von anderen geschätzt werden.

Hier ist ein Beispiel für die Steuerung auf einem iPhone:

Screenshot

+0

Können Sie beschreiben, wie dies von einem Auswahlfeld unterscheidet? Wie scrollst du es? Muss es reibungsloses Scrollen, usw. sein? – nickf

+0

Barrierefreiheit ist vielleicht kein Problem, aber ist Usability? Ich kann mir nicht vorstellen, so etwas mit einer Maus zu benutzen. Wischen mit dem Finger macht das eine gute Schnittstelle für das iPhone. Ich erkläre Schwierigkeiten für Maus- und Tastaturbenutzer. –

+0

@nickf Scrollen wird durch Klicken (und Halten) des Steuerelements und Ziehen der Maus vertikal ausgeführt. Ich konnte ein Stück Code finden, aber es funktioniert nur mit Mobile Safari. http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11 – sjstrutt

Antwort

13

Ich weiß, diese Frage ist etwas alt, aber da ich eine Antwort habe, könnte ich es genauso gut geben. Andere Leute können immer noch danach suchen (genau wie ich). Ich habe dieses Steuerelement erstellt, um es als Plugin mit jQuery zu verwenden. Sehen Sie meinen Blog:

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

+0

Der Blog-Post existiert noch, aber wenn ich versuche, es herunterzuladen, funktioniert der Link nicht –

+0

Bitte beachten Sie GitHub für die neueste Version: https: // github.com/r3wt/iPhonePicker –

0

Es klingt wie Sie etwas schon gebaut suchen, die ich nicht gesehen habe, aber es sieht aus wie Sie ein bauen könnte mit YUI's Karussellsteuerung plus Animationen, as this section on the carousel control page explains.

Viel Glück !!

+0

Das ist kein schlechter Vorschlag. Wie würde man diesen Stil auf eine Auswahlbox anwenden? Ich denke, der bessere Weg ist es, einen vertikalen Schieberegler wie in jQuery zu re-stylen. Ich habe mich nicht mit einer Lösung getroffen, aber ich werde hier ein Update posten, wenn ich je eines fertigstelle. – sjstrutt

0

ComponentOne kann haben, wonach Sie suchen. Schauen Sie sich das C1 Studio für iPhone unter http://www.componentone.com an. Es ist eine Suite von ASP.NET-Steuerelementen, die das Native-Look-and-Feel von iPhone-UI-Elementen nachahmt.

+0

Ja, Studio für iPhone hat genau das, was Sie brauchen. Check-out PickerView, die im Studio enthalten ist. http://www.componentone.com/SuperProducts/PickerViewiPhone/ – Banzor