Android : ViewPager vertical

Question

Y a-t-il un moyen de faire un ViewPager qui ne défile pas horizontalement, mais verticalement !

Answer 1

Vous pouvez utiliser un ViewPager.PageTransformer pour donner l'illusion d'une verticale ViewPager . Pour obtenir un défilement avec un déplacement vertical au lieu d'un déplacement horizontal, vous devrez remplacer la commande ViewPager Les événements tactiles par défaut de l'utilisateur et l'échange des coordonnées de l'utilisateur. MotionEvent avant de les manipuler, par exemple :

/**
 * Uses a combination of a PageTransformer and swapping X & Y coordinates
 * of touch events to create the illusion of a vertically scrolling ViewPager. 
 * 
 * Requires API 11+
 * 
 */
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);
    }

    private class VerticalPageTransformer implements ViewPager.PageTransformer {

        @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 <= 1) { // [-1,1]
                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);

            } else { // (1,+Infinity]
                // This page is way off-screen to the right.
                view.setAlpha(0);
            }
        }
    }

    /**
     * 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));
    }

}

Bien entendu, vous pouvez modifier ces paramètres comme bon vous semble. Au final, ça ressemble à ça :

Answer 2

J'ai une solution qui fonctionne pour moi en deux étapes.

1. onInstantiateItem() de PagerAdapter créez la vue et faites-la pivoter de -90 :

   view.setRotation(-90f)

   Si vous utilisez FragmentPagerAdapter alors :

   objFragment.getView().setRotation(-90)

2. Rotation ViewPager la vue de 90 degrés :

   objViewPager.setRotation(90)

Cela fonctionne comme un charme, du moins pour mes besoins.

Answer 3

Implémentation d'un pager à vue verticale par Antoine Merle :

https://github.com/castorflex/VerticalViewPager

Answer 4

Il existe une nouvelle implémentation d'un ViewPager vertical :

Annonce : https://plus.google.com/107777704046743444096/posts/1FTJfrvnY8w

Code : https://github.com/LambergaR/VerticalViewPager/

Answer 5

Regardez ça : https://github.com/JakeWharton/Android-DirectionalViewPager

Ou la question suivante peut vous aider : Vertical "Gridview avec pages" ou "Viewpager".