SwipeRefreshLayout + ViewPager, batasi gulir horizontal saja?

Saya telah menerapkan SwipeRefreshLayoutdan ViewPagerdi aplikasi saya, tetapi ada masalah besar: kapan pun saya akan menggeser ke kiri / kanan untuk beralih antar halaman, pengguliran terlalu sensitif. Sedikit gesekan ke bawah akan memicu SwipeRefreshLayoutpenyegaran juga.

Saya ingin menetapkan batas kapan gesekan horizontal dimulai, lalu paksa horizontal hanya sampai gesekan selesai. Dengan kata lain, saya ingin membatalkan gesekan vertikal saat jari bergerak secara horizontal.

Masalah ini hanya terjadi pada ViewPager, jika saya menggesek ke bawah dan SwipeRefreshLayoutfungsi refresh dipicu (bilah ditampilkan) dan kemudian saya menggerakkan jari saya secara horizontal, itu masih hanya memungkinkan gesekan vertikal.

Saya sudah mencoba untuk memperluas ViewPagerkelas tetapi tidak berhasil sama sekali:

public class CustomViewPager extends ViewPager {

    public CustomViewPager(Context ctx, AttributeSet attrs) {
        super(ctx, attrs);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean in = super.onInterceptTouchEvent(ev);
        if (in) {
            getParent().requestDisallowInterceptTouchEvent(true);
            this.requestDisallowInterceptTouchEvent(true);
        }
        return false;
    }

}

Tata letak xml:

<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/viewTopic"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.myapp.listloader.foundation.CustomViewPager
        android:id="@+id/topicViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</android.support.v4.widget.SwipeRefreshLayout>

bantuan apa pun akan dihargai, terima kasih

Saya tidak yakin apakah Anda masih memiliki masalah ini tetapi aplikasi Google I / O iosched menyelesaikan masalah ini dengan demikian:

    viewPager.addOnPageChangeListener( new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled( int position, float v, int i1 ) {
        }

        @Override
        public void onPageSelected( int position ) {
        }

        @Override
        public void onPageScrollStateChanged( int state ) {
            enableDisableSwipeRefresh( state == ViewPager.SCROLL_STATE_IDLE );
        }
    } );


private void enableDisableSwipeRefresh(boolean enable) {
    if (swipeContainer != null) {
            swipeContainer.setEnabled(enable);
    }
}

Saya telah menggunakan yang sama dan bekerja dengan cukup baik.

EDIT: Gunakan addOnPageChangeListener () sebagai ganti setOnPageChangeListener ().

Dipecahkan dengan sangat sederhana tanpa memperpanjang apa pun

mPager.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        mLayout.setEnabled(false);
        switch (event.getAction()) {
            case MotionEvent.ACTION_UP:
                mLayout.setEnabled(true);
                break;
        }
        return false;
    }
});

bekerja seperti pesona

Saya telah menemui masalah Anda. Sesuaikan SwipeRefreshLayout akan menyelesaikan masalah.

public class CustomSwipeToRefresh extends SwipeRefreshLayout {

private int mTouchSlop;
private float mPrevX;

public CustomSwipeToRefresh(Context context, AttributeSet attrs) {
    super(context, attrs);

    mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}

@Override
public boolean onInterceptTouchEvent(MotionEvent event) {

    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mPrevX = MotionEvent.obtain(event).getX();
            break;

        case MotionEvent.ACTION_MOVE:
            final float eventX = event.getX();
            float xDiff = Math.abs(eventX - mPrevX);

            if (xDiff > mTouchSlop) {
                return false;
            }
    }

    return super.onInterceptTouchEvent(event);
}

Lihat ref: link

Saya mendasarkan ini dari jawaban sebelumnya tetapi menemukan ini bekerja sedikit lebih baik. Mosi dimulai dengan acara ACTION_MOVE dan diakhiri dengan ACTION_UP atau ACTION_CANCEL menurut pengalaman saya.

mViewPager.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {

        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                mSwipeRefreshLayout.setEnabled(false);
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                mSwipeRefreshLayout.setEnabled(true);
                break;
        }
        return false;
    }
});

Untuk beberapa alasan yang paling hanya diketahui oleh mereka, tim pengembang pustaka dukungan merasa cocok untuk secara paksa mencegat semua peristiwa gerakan tarik vertikal dari SwipeRefreshLayouttata letak anak, bahkan ketika seorang anak secara khusus meminta kepemilikan acara tersebut. Satu-satunya hal yang mereka periksa adalah bahwa status gulir vertikal dari turunan utamanya berada di nol (dalam kasus anak itu dapat digulir secara vertikal). The requestDisallowInterceptTouchEvent()Metode telah ditimpa dengan tubuh kosong, dan (tidak begitu) menerangi komentar "Tidak".

Cara termudah untuk mengatasi masalah ini adalah dengan menyalin kelas dari pustaka dukungan ke dalam proyek Anda dan menghapus penggantian metode. ViewGroupImplementasi menggunakan status internal untuk penanganannya onInterceptTouchEvent(), jadi Anda tidak bisa begitu saja mengganti metode itu lagi dan menduplikasinya. Jika Anda benar-benar ingin mengganti implementasi support library, Anda harus menyiapkan flag kustom saat panggilan ke requestDisallowInterceptTouchEvent(), dan mengganti onInterceptTouchEvent()dan onTouchEvent()(atau mungkin meretas canChildScrollUp()) perilaku berdasarkan itu.

Saya telah menemukan solusi untuk ViewPager2. Saya menggunakan refleksi untuk mengurangi sensitivitas drag seperti ini:

/**
 * Reduces drag sensitivity of [ViewPager2] widget
 */
fun ViewPager2.reduceDragSensitivity() {
    val recyclerViewField = ViewPager2::class.java.getDeclaredField("mRecyclerView")
    recyclerViewField.isAccessible = true
    val recyclerView = recyclerViewField.get(this) as RecyclerView

    val touchSlopField = RecyclerView::class.java.getDeclaredField("mTouchSlop")
    touchSlopField.isAccessible = true
    val touchSlop = touchSlopField.get(recyclerView) as Int
    touchSlopField.set(recyclerView, touchSlop*8)       // "8" was obtained experimentally
}

Ini bekerja seperti pesona bagi saya.

Ada satu masalah dengan solusi nhasan:

Jika gesekan horizontal yang memicu setEnabled(false)panggilan di SwipeRefreshLayoutdalam OnPageChangeListenerterjadi saat SwipeRefreshLayouttelah mengenali Tarik-untuk-Muat Ulang tetapi belum memanggil callback notifikasi, animasi menghilang tetapi status internal SwipeRefreshLayouttetap "menyegarkan" selamanya karena tidak panggilan balik notifikasi yang dapat mengatur ulang status. Dari sudut pandang pengguna, ini berarti Tarik-untuk-Muat Ulang tidak berfungsi lagi karena semua gerakan tarik tidak dikenali.

Masalahnya di sini adalah bahwa disable(false)panggilan tersebut menghapus animasi spinner dan callback notifikasi dipanggil dari onAnimationEndmetode AnimationListener internal untuk spinner tersebut yang disetel tidak berurutan seperti itu.

Memang perlu penguji kami dengan jari tercepat untuk memprovokasi situasi ini, tetapi itu dapat terjadi sesekali dalam skenario realistis juga.

Solusi untuk memperbaikinya adalah dengan mengganti onInterceptTouchEventmetode SwipeRefreshLayoutsebagai berikut:

public class MySwipeRefreshLayout extends SwipeRefreshLayout {

    private boolean paused;

    public MySwipeRefreshLayout(Context context) {
        super(context);
        setColorScheme();
    }

    public MySwipeRefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        setColorScheme();
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (paused) {
            return false;
        } else {
            return super.onInterceptTouchEvent(ev);
        }
    }

    public void setPaused(boolean paused) {
        this.paused = paused;
    }
}

Gunakan MySwipeRefreshLayoutdi Layout Anda - File dan ubah kode dalam solusi mhasan menjadi

...

@Override
public void onPageScrollStateChanged(int state) {
    swipeRefreshLayout.setPaused(state != ViewPager.SCROLL_STATE_IDLE);
}

...

Mungkin ada masalah dengan jawaban @huu duy saat ViewPager ditempatkan dalam wadah yang dapat di-scroll secara vertikal yang, pada gilirannya, ditempatkan di SwiprRefreshLayout Jika wadah konten yang dapat digulir tidak sepenuhnya di-scroll, maka itu mungkin tidak memungkinkan untuk aktifkan swipe-to-refresh dengan gerakan scroll-up yang sama. Memang, ketika Anda mulai menggulir wadah dalam dan menggerakkan jari secara horizontal lebih dari mTouchSlop secara tidak sengaja (yang merupakan 8dp secara default), CustomSwipeToRefresh yang diusulkan menolak gerakan ini. Jadi, pengguna harus mencoba sekali lagi untuk mulai menyegarkan. Ini mungkin terlihat aneh bagi pengguna. Saya mengekstrak kode sumber untuk SwipeRefreshLayout asli dari pustaka dukungan ke proyek saya dan menulis ulang onInterceptTouchEvent ().

private float mInitialDownY;
private float mInitialDownX;
private boolean mGestureDeclined;
private boolean mPendingActionDown;

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    ensureTarget();
    final int action = ev.getActionMasked();
    int pointerIndex;

    if (mReturningToStart && action == MotionEvent.ACTION_DOWN) {
        mReturningToStart = false;
    }

    if (!isEnabled() || mReturningToStart || mRefreshing ) {
        // Fail fast if we're not in a state where a swipe is possible
        if (D) Log.e(LOG_TAG, "Fail because of not enabled OR refreshing OR returning to start. "+motionEventToShortText(ev));
        return false;
    }

    switch (action) {
        case MotionEvent.ACTION_DOWN:
            setTargetOffsetTopAndBottom(mOriginalOffsetTop - mCircleView.getTop());
            mActivePointerId = ev.getPointerId(0);

            if ((pointerIndex = ev.findPointerIndex(mActivePointerId)) >= 0) {

                if (mNestedScrollInProgress || canChildScrollUp()) {
                    if (D) Log.e(LOG_TAG, "Fail because of nested content is Scrolling. Set pending DOWN=true. "+motionEventToShortText(ev));
                    mPendingActionDown = true;
                } else {
                    mInitialDownX = ev.getX(pointerIndex);
                    mInitialDownY = ev.getY(pointerIndex);
                }
            }
            return false;

        case MotionEvent.ACTION_MOVE:
            if (mActivePointerId == INVALID_POINTER) {
                if (D) Log.e(LOG_TAG, "Got ACTION_MOVE event but don't have an active pointer id.");
                return false;
            } else if (mGestureDeclined) {
                if (D) Log.e(LOG_TAG, "Gesture was declined previously because of horizontal swipe");
                return false;
            } else if ((pointerIndex = ev.findPointerIndex(mActivePointerId)) < 0) {
                return false;
            } else if (mNestedScrollInProgress || canChildScrollUp()) {
                if (D) Log.e(LOG_TAG, "Fail because of nested content is Scrolling. "+motionEventToShortText(ev));
                return false;
            } else if (mPendingActionDown) {
                // This is the 1-st Move after content stops scrolling.
                // Consider this Move as Down (a start of new gesture)
                if (D) Log.e(LOG_TAG, "Consider this move as down - setup initial X/Y."+motionEventToShortText(ev));
                mPendingActionDown = false;
                mInitialDownX = ev.getX(pointerIndex);
                mInitialDownY = ev.getY(pointerIndex);
                return false;
            } else if (Math.abs(ev.getX(pointerIndex) - mInitialDownX) > mTouchSlop) {
                mGestureDeclined = true;
                if (D) Log.e(LOG_TAG, "Decline gesture because of horizontal swipe");
                return false;
            }

            final float y = ev.getY(pointerIndex);
            startDragging(y);
            if (!mIsBeingDragged) {
                if (D) Log.d(LOG_TAG, "Waiting for dY to start dragging. "+motionEventToShortText(ev));
            } else {
                if (D) Log.d(LOG_TAG, "Dragging started! "+motionEventToShortText(ev));
            }
            break;

        case MotionEvent.ACTION_POINTER_UP:
            onSecondaryPointerUp(ev);
            break;

        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            mIsBeingDragged = false;
            mGestureDeclined = false;
            mPendingActionDown = false;
            mActivePointerId = INVALID_POINTER;
            break;
    }

    return mIsBeingDragged;
}

Lihat proyek contoh saya di Github .