Выполнение горизонтальной/вертикальной прокрутки пальцев в сотовом андроидном webview/webkit?

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

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

Horizontal Scrolling by Swiping

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

Приветствуются любые руководства или ресурсы. Благодаря

Ответы

Ответ 1

Взгляните на iScroll:

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

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

Ответ 2

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

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

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

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

Ответ 4

От создателей iScroll SwipeView кажется приятной альтернативой. Посмотрите demo 1 и демо 2.

Я еще не тестировал, но уверен. Поскольку демонстрации ведут себя хорошо на моем iPad.

Ответ 5

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

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