it-swarm.com.ru

Реализовать горизонтальную/вертикальную прокрутку с помощью пальца в Android.

Я планирую реализовать приложение для планшетов Honeycomb на основе WebView (так что, в основном, это будет веб-приложение HTML5 сделано только для планшета ).

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

Horizontal Scrolling by Swiping


На этом изображении показано что-то похожее на родную настройку Honeycomb с вертикальной прокруткой левой и правой страниц Vertical Scrolling by Swiping

Любые руководства или ресурсы приветствуются. Спасибо

20
Hossain Khan

Посмотрите на iScroll :

iScroll 4 - это полная перезапись исходного кода iScroll . Разработка сценария началась потому, что мобильный веб-набор (на iPhone, iPad, Android) не предоставляет встроенного способа прокрутки содержимого внутри элемента фиксированной ширины/высоты. Эта неудачная ситуация не позволяет любому веб-приложению иметь заголовок и/или нижний колонтитул position:absolute и центральную область прокрутки содержимого.

В то время как последние версии Android поддерживают эту функцию (хотя поддержка не является оптимальной), Apple, похоже, неохотно добавляет прокрутку одним пальцем к элементам div ...

12
shaunix

Вот что я нашел до сих пор:

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

  • jqTouch - это событие смахивания влево и вправо, которое может быть перехвачено для прокрутки влево или вправо (кажется, что все анимации на основе webkit работают только на устройствах iOS). Обратите внимание, что проект все еще находится в стадии бета-тестирования и не очень активен. РЕДАКТИРОВАТЬ: это также часть Sencha Labs, которая активно поддерживает Sencha Touch.
  • Sencha Touch - у них улучшена поддержка практически всего на мобильных устройствах и планшетах. (Примечание: это бесплатно для приложений с открытым исходным кодом, но не для коммерческих приложений - РЕДАКТИРОВАТЬ: у них фактически есть коммерческая лицензия. Дополнительную информацию о лицензировании см. На их сайте)
  • jQueryMobile - Они очень стабильны (в RC1 на данный момент) и имеют размах влево и вправо, но я не смог найти размах вверх или вниз. Если вам просто нужно провести пальцем влево или вправо, нажмите, нажмите и удерживайте, затем перейдите к jQM. У них лучшая общественная поддержка.
  • RAW JS - И наконец, если вам нужен какой-то необработанный javascript, посетите статью HTML5Rocks , чтобы лучше понять, как работает сенсорное событие.

Я надеюсь, что это помогает. Я все еще изо всех сил пытаюсь реализовать прокрутку вниз, так как я не хочу ждать окончания свайпа, вместо этого я пытаюсь реализовать мгновенную обратную связь прокрутки, получая очень близко, используя координаты RAW JS, но не удовлетворительно.

5
Hossain Khan

Hammer JS был полезен для меня:

http://eightmedia.github.io/hammer.js/

5
Ian Jamieson

От создателей iScroll SwipeView кажется хорошей альтернативой. Взгляните на демо 1 и демо 2 .

Я еще не проверял, но обязательно буду. Так как демо ведут себя хорошо на моем iPad.

2
kleliboux

Вы можете найти эту библиотеку весьма полезной: https://github.com/cubiq/2-way-iScroll

Он обрабатывает случай вертикальной прокрутки и горизонтального пролистывания.

0
Felix