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

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

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

Горизонтальная прокрутка с помощью Swiping


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Intereting Posts
Ошибка при аутентификации при подписке на веб-службу sharepoint с использованием ksoap2-android Как получить кнопку «Готово» на клавиатуре Android? Предотвращение скрытия адресной строки в мобильных браузерах Как удалить все комментарии из определенного файла в Android Studio? Использование ActionBarCompat и requestWindowFeature Можете ли вы использовать admob во время alfa и бета-тестирования в google play? FragmentManager.popBackStack () не просто загружает предыдущий фрагмент Библиотека для шифрования и расшифровки ресурсов Каковы данные в dalvik-LinearAlloc, dalvik-aux-structure, dalvik-bitmap-1, dalvik-bitmap-2, dalvik-card-table, dalvik-mark-stack и dalvik-zygote? Разработка Android-приставки Android Проверьте, включено ли приложение в первый запуск Запись видео в MediaRecorder в портретном режиме Как прикоснуться к EditTextPrefences из другой активности или другого потока Должен ли я удалить код testDevice для AdView в андроиде перед публикацией? Android – Удалить Spinner Dropdown Arrow