Я хотел сделать вертикальное ViewPager похожим на короткое приложение.
Я попробовал несколько решений, найденных в Stack Overflow и в Github. Все они имеют одинаковый способ реализации кода, и все они имеют одинаковую проблему с задержкой при прокрутке вверх и вниз (вертикальная прокрутка), вы можете увидеть в видео, но реализация дизайна такая же, как у коротких сцен.
Ссылка, которую я пробовал,
Я также пробовал использовать mFlingDistance, mMinimumVelocity и т. д. из класса Android Viewpager для увеличения броска в Viewpager. Но не повезло заставить его работать.
Ниже приведен мой класс VerticalViewPager.
public class VerticalViewPager extends ViewPager {
public VerticalViewPager(Context context) {
super(context);
init();
}
public VerticalViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
// The majority of the magic happens here
setPageTransformer(true, new VerticalPageTransformer());
// The easiest way to get rid of the overscroll drawing that happens on the left and right
setOverScrollMode(OVER_SCROLL_NEVER);
}
/**
* Swaps the X and Y coordinates of your touch event.
*/
private MotionEvent swapXY(MotionEvent ev) {
float width = getWidth();
float height = getHeight();
float newX = (ev.getY() / height) * width;
float newY = (ev.getX() / width) * height;
ev.setLocation(newX, newY);
return ev;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev){
boolean intercepted = super.onInterceptTouchEvent(swapXY(ev));
swapXY(ev); // return touch coordinates to original reference frame for any child views
return intercepted;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
return super.onTouchEvent(swapXY(ev));
}
}
И использование класса VerticaPageTransformer для перехода между страницами.
class VerticalPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
@Override
public void transformPage(View view, float position) {
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position <= 0) { // [-1,0]
// Use the default slide transition when moving to the left page
view.setAlpha(1);
// Counteract the default slide transition
view.setTranslationX(view.getWidth() * -position);
//set Y position to swipe in from top
float yPosition = position * view.getHeight();
view.setTranslationY(yPosition);
view.setScaleX(1);
view.setScaleY(1);
} else if (position <= 1) { // [0,1]
view.setAlpha(1);
// Counteract the default slide transition
view.setTranslationX(view.getWidth() * -position);
// Scale the page down (between MIN_SCALE and 1)
float scaleFactor = MIN_SCALE
+ (1 - MIN_SCALE) * (1 - Math.abs(position));
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}
}
}
У меня сработало решение castorflex для плавной прокрутки, но когда я применяю PageTransformer к castorflex Решение: вместо вертикальной прокрутки используется диагональная прокрутка. Здесь можно посмотреть справочное видео.
Я также пробовал с ViewPager2 и с RecyclerView (с SnapHelper), но с < strong>viewpager2, у меня такая же проблема с диагональю. И с Snaphelper я не могу обеспечить эффект страницы, такой как шорты (см. Видео). Возможно, это будет возможно с помощью LinearLayoutManager RecyclerView, как я видел здесь. Но не удалось преобразовать анимацию моей страницы.
Так что любой может дать мне какой-либо намек или любую идею о
1) Как сделать плавную прокрутку с помощью вышеуказанного подхода? или
2) Как сделать так, чтобы переход страницы снизу подходил вертикально, а не диагонально? или
3) Или любым другим способом, если у вас есть люди.
заранее спасибо
Вы можете увидеть Класс Castorflex VerticalViewPager и использование того же класса VerticlePageTransform для преобразования страницы
MotionLayout
для поведения смахивания. badootech.badoo.com/swipe-right-on-motion-layout- 641c1452d6a5 Возможно, что-то в этом роде подойдет вам. - person Froyo   schedule 08.07.2019