Android: скоростная прокрутка ViewPager
Прямой способ просмотра ViewPager - по одному элементу на жест. Он обрабатывает жест броска одинаково, независимо от того, быстрое ли это перемещение по экрану или медленное перетаскивание; на конечной странице выполняется только один шаг.
Существуют ли какие-либо проекты или примеры, которые бы добавили бросание на основе скорости, которое прокручивает несколько элементов на основе скорости существующего броска (если оно все еще выполняется) и прокручивает дальше, если жест броска широкий и быстрый?
А если нет никого, с чего начать что-то подобное?
PS Щедрость предлагается. Пожалуйста, нет ответов со ссылками на галерею или HorizontalScrollView
5 ответов
Техника здесь расширяет ViewPager и имитировать большую часть того, что пейджер будет делать внутри, в сочетании с логикой прокрутки из Gallery виджет. Общая идея состоит в том, чтобы контролировать бросок (и скорость и сопровождающие свитки), а затем передавать их как поддельные события перетаскивания в базовый ViewPager, Если вы сделаете это в одиночку, это не сработает (вы все равно получите только одну прокрутку страницы). Это происходит потому, что фальшивое перетаскивание накладывает ограничения на границы, которые будет эффективен при прокрутке. Вы можете имитировать расчеты в расширенном ViewPager и определите, когда это произойдет, затем просто переверните страницу и продолжайте как обычно. Преимущество использования фальшивого перетаскивания означает, что вам не нужно иметь дело с привязкой к страницам или обработкой краев ViewPager,
Я протестировал следующий код на примере демонстрации анимации, который можно загрузить с http://developer.android.com/training/animation/screen-slide.html, заменив ViewPager в ScreenSlideActivity с этим VelocityViewPager (оба в макете activity_screen_slide и поле в Деятельности).
/*
* Copyright 2012 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* Author: Dororo @ Stackru
* An extended ViewPager which implements multiple page flinging.
*
*/
package com.example.android.animationsdemo;
import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.GestureDetector;
import android.widget.Scroller;
public class VelocityViewPager extends ViewPager implements GestureDetector.OnGestureListener {
private GestureDetector mGestureDetector;
private FlingRunnable mFlingRunnable = new FlingRunnable();
private boolean mScrolling = false;
public VelocityViewPager(Context context) {
super(context);
}
public VelocityViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
mGestureDetector = new GestureDetector(context, this);
}
// We have to intercept this touch event else fakeDrag functions won't work as it will
// be in a real drag when we want to initialise the fake drag.
@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
return true;
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// give all the events to the gesture detector. I'm returning true here so the viewpager doesn't
// get any events at all, I'm sure you could adjust this to make that not true.
mGestureDetector.onTouchEvent(event);
return true;
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velX, float velY) {
mFlingRunnable.startUsingVelocity((int)velX);
return false;
}
private void trackMotion(float distX) {
// The following mimics the underlying calculations in ViewPager
float scrollX = getScrollX() - distX;
final int width = getWidth();
final int widthWithMargin = width + this.getPageMargin();
final float leftBound = Math.max(0, (this.getCurrentItem() - 1) * widthWithMargin);
final float rightBound = Math.min(this.getCurrentItem() + 1, this.getAdapter().getCount() - 1) * widthWithMargin;
if (scrollX < leftBound) {
scrollX = leftBound;
// Now we know that we've hit the bound, flip the page
if (this.getCurrentItem() > 0) {
this.setCurrentItem(this.getCurrentItem() - 1, false);
}
}
else if (scrollX > rightBound) {
scrollX = rightBound;
// Now we know that we've hit the bound, flip the page
if (this.getCurrentItem() < (this.getAdapter().getCount() - 1) ) {
this.setCurrentItem(this.getCurrentItem() + 1, false);
}
}
// Do the fake dragging
if (mScrolling) {
this.fakeDragBy(distX);
}
else {
this.beginFakeDrag();
this.fakeDragBy(distX);
mScrolling = true;
}
}
private void endFlingMotion() {
mScrolling = false;
this.endFakeDrag();
}
// The fling runnable which moves the view pager and tracks decay
private class FlingRunnable implements Runnable {
private Scroller mScroller; // use this to store the points which will be used to create the scroll
private int mLastFlingX;
private FlingRunnable() {
mScroller = new Scroller(getContext());
}
public void startUsingVelocity(int initialVel) {
if (initialVel == 0) {
// there is no velocity to fling!
return;
}
removeCallbacks(this); // stop pending flings
int initialX = initialVel < 0 ? Integer.MAX_VALUE : 0;
mLastFlingX = initialX;
// setup the scroller to calulate the new x positions based on the initial velocity. Impose no cap on the min/max x values.
mScroller.fling(initialX, 0, initialVel, 0, 0, Integer.MAX_VALUE, 0, Integer.MAX_VALUE);
post(this);
}
private void endFling() {
mScroller.forceFinished(true);
endFlingMotion();
}
@Override
public void run() {
final Scroller scroller = mScroller;
boolean animationNotFinished = scroller.computeScrollOffset();
final int x = scroller.getCurrX();
int delta = x - mLastFlingX;
trackMotion(delta);
if (animationNotFinished) {
mLastFlingX = x;
post(this);
}
else {
endFling();
}
}
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distX, float distY) {
trackMotion(-distX);
return false;
}
// Unused Gesture Detector functions below
@Override
public boolean onDown(MotionEvent event) {
return false;
}
@Override
public void onLongPress(MotionEvent event) {
// we don't want to do anything on a long press, though you should probably feed this to the page being long-pressed.
}
@Override
public void onShowPress(MotionEvent event) {
// we don't want to show any visual feedback
}
@Override
public boolean onSingleTapUp(MotionEvent event) {
// we don't want to snap to the next page on a tap so ignore this
return false;
}
}
С этим есть несколько незначительных проблем, которые могут быть легко решены, но я оставлю на ваше усмотрение, а именно такие вещи, как, если вы прокручиваете (перетаскивая, не перетаскивая), вы можете оказаться на полпути между страницами (вы захотите щелкнуть по кнопке). событие ACTION_UP). Кроме того, сенсорные события полностью переопределяются для того, чтобы сделать это, поэтому вам нужно будет передавать соответствующие события в основной ViewPager где уместно.
Другим вариантом является копирование целого ViewPager реализация исходного кода из библиотеки поддержки и настроить determineTargetPage(...) метод. Он отвечает за определение того, к какой странице прокручиваться при жесте переключения. Такой подход не очень удобен, но работает довольно хорошо. Смотрите код реализации ниже:
private int determineTargetPage(int curPage, float pageOffset, int velocity, int dx) {
int target;
if (Math.abs(dx) > mFlingDistance && Math.abs(velocity) > mMinimumVelocity) {
target = calculateFinalPage(curPage, velocity);
} else {
final float truncator = curPage >= mCurItem ? 0.4f : 0.6f;
target = (int) (curPage + pageOffset + truncator);
}
if (mItems.size() > 0) {
final ItemInfo first = mItems.get(0);
final ItemInfo last = mItems.get(mItems.size() - 1);
// Only let the user target pages we have items for
target = Math.max(first.position, Math.min(target, last.position));
}
return target;
}
private int calculateFinalPage(int curPage, int velocity) {
float distance = Math.abs(velocity) * MAX_SETTLE_DURATION / 1000f;
float normalDistance = (float) Math.sqrt(distance / 2) * 25;
int step = (int) - Math.signum(velocity);
int width = getClientWidth();
int page = curPage;
for (int i = curPage; i >= 0 && i < mAdapter.getCount(); i += step) {
float pageWidth = mAdapter.getPageWidth(i);
float remainingDistance = normalDistance - pageWidth * width;
if (remainingDistance >= 0) {
normalDistance = remainingDistance;
} else {
page = i;
break;
}
}
return page;
}
Я нашел лучшее понимание для меня, чем в проверенном ответе, этот ViewPager работает лучше с касаниями, когда я хочу прекратить прокрутку https://github.com/Benjamin-Dobell/VelocityViewPager
ViewPager - это класс из библиотеки поддержки. Загрузите исходный код библиотеки поддержки и измените около 10 строк кода в методе onTouchEvent, чтобы добавить желаемую функцию.
Я использую измененную библиотеку поддержки в своих проектах около года, потому что иногда мне нужно изменить несколько строк кода, чтобы внести небольшие изменения или добавить новый метод, и я не хочу копировать исходный код компонентов. Я использую модифицированную версию фрагментов и viewpager.
Но есть одна проблема, которую вы получите: раз в 6 месяцев вам нужно объединить пользовательскую библиотеку поддержки с новой официальной версией, если вам нужны новые функции. И будьте осторожны с изменениями, вы не хотите нарушать совместимость поддержки классов библиотеки.
Вы можете переопределить класс ScrollView или HorizontalScrollView и добавить это поведение. В Галерее много ошибок, и, насколько я помню, она устарела, начиная с уровня API 14.