2010-11-04 5 views
0

Я создаю приложение для iOS, используя PhoneGap, телефонные пакеты HTML, CSS & Javascript в приложении для iPhone.Multi Touch jQuery Dial/Spinner

Приложение будет иметь большой старинный комбинационный замок Spinner в центре экрана. Эта концепция очень хорошо снята в приложении Native iPhone (obj-c) Converbot.

Так что мой вопрос: возможно ли это сделать с помощью Javascript + CSS3, кто-нибудь сделал это раньше, и может ли кто-нибудь указать мне в правильном направлении, чтобы начать?

Я приложил некоторые изображения, мы надеемся добавить ясности ...

http://www.istockphoto.com/file_thumbview_approve/8669353/2/istockphoto_8669353-safe-combination-lock-dial.jpg

+0

Convertbot image: http://www.mactalk.com.au/wp-content/uploads/2009/08/convertbot-1.png – Lee

ответ

2

В ответ на ваш вопрос: «Можно ли это сделать?» Да.

Более важный вопрос: «Как это можно сделать?»

Я не хочу писать ваш проект для вас, но я готов дать вам несколько указателей. Есть несколько мест, которые вы можете начать, каждый из которых имеет свои достоинства и проблемы. Вам нужно будет выяснить, какие функции вы хотите, и как вы хотите, чтобы ваше приложение отвечало.

Для начала, как бы был повернут циферблат? Несколько вариантов являются:

  • колеса прокрутки мыши
  • Стрелки
  • Кнопки
  • перетаскиванием мыши

Сколько вырезы в колесе?

  • статический номер
  • динамический номер

Какие функции вы хотите?

Если вы используете статическое число вырезок на своем комбинированном замке, вы можете захотеть создать статические изображения каждого вращательного состояния, предварительно загрузить изображения и отобразить другое изображение в зависимости от того, в каком состоянии находится колесо.

Если вы хотите динамический ряд выемок, вы должны смотреть в CSS3 преобразование

У вас есть преимущество, зная, что вы делаете это только для iPhone.Это означает, что вы, вероятно, можете использовать поддержку -webkit-transform, без необходимости беспокоиться о безумстве преобразования IE (вращательные матрицы, начало вращения, фильтры css и т. Д.)

Затем вы можете настроить div с нужным количеством вырезов и метки со всеми элементами правильно повернуты для их положения.

Затем, вместо того чтобы перемещать любую деталь отдельно, вы можете вращать весь div вокруг своего центра, чтобы создать эффект комбинированной блокировки.

+0

Большое спасибо – Lee