Программирование мобильного веб-приложения с помощью расширенного сенсорного управления - PullRequest
7 голосов
/ 29 апреля 2011

Ситуация:

У меня есть мобильное приложение HTML5.Приложение прекрасно работает в любом браузере, который не является мобильным.Игра довольно «ошеломляет», когда вы нажимаете плитку и перетаскиваете мышь по другим плиткам, чтобы создать ряд плиток.Это включает в себя захват события mousedown, затем запись и изменение всех плиток, которые вы перетаскиваете, и остановку события mouseup.

Проблема В исходном виде она не работает наУстройства iOS или Blackberry Playbook.У меня есть возможность на арене iOS отключить движение экрана, но мне еще предстоит выяснить, как я могу записать L-образные касания и «пометить» каждую плитку, которую касаются одним движением.

Есть ли фреймворк, плагин jQuery или что-то в этом роде, которое будет работать?В идеале, он должен работать как на iOS, так и на Playbook и Android как «готовый продукт».

Заранее спасибо!

Ответы [ 5 ]

4 голосов
/ 09 мая 2011

Дело не в самом телефоне, а в браузере, и вы должны знать, что не все браузеры обрабатывают html5. Если вы разберетесь с этим делом, мы можем перейти к следующей вещи, плагинам, я могу предоставить вамс парой ссылок, которые имеют несколько хороших плагинов:

http://jqtouch.com/ // ОЧЕНЬ хороший плагин, и я предпочитаю, чтобы вы работали над этим

http://awardwinningfjords.com/2010/09/22/handling-touch-events-in-jquery-tools-scrollable.html

http://plugins.jquery.com/plugin-tags/touch

2 голосов
/ 06 мая 2011

Для сенсорных экранов вам нужны следующие функции: ontouchstart и ontouchend.

Взгляните на эти слайды , чтобы получить учебник с примерами.Но в основном вы, вероятно, захотите реорганизовать код изменения тайла из вашего onmousedown / up в другую функцию и установить условия для этого в ваших onmousedown / up и ontouchstart / end.

Кроме того, поскольку вызнакомы с JQuery, взгляните на JQuery Mobile

2 голосов
/ 04 мая 2011
1 голос
/ 09 мая 2011

Вы можете попробовать следующее:

DHTMLx (Вам необходимо приобрести продукт для коммерческого использования.)

Sencha Touch

Titanium Mobile - Он компилирует большую часть вашего кода в приложение для iPhone или Android.По сути это не веб-фреймворк, а слой совместимости.

См. Блог сравнения , Sencha Touch гораздо предпочтительнее, чем JQTouch и Jquery Mobile

1 голос
/ 09 мая 2011

Проверьте PastryKit, он был разработан самим яблоком. https://github.com/jimeh/PastryKit

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