Mam „stronę”, na której znajduje się kilka elementów, a zawartość jest dłuższa niż wysokość urządzenia. Dobra, po prostu umieść cały układ (całą stronę) w środku ScrollView
, nie ma problemu.
Jednym z elementów jest plik ViewPager
. To renderuje się poprawnie, ale reakcja na machnięcie / rzucanie nie działa poprawnie, jest roztrzęsiona i nie zawsze działa. Wydaje się, że jest „mylony” z ScrollView
, więc działa tylko w 100%, gdy rzucasz dokładnie w poziomą linię.
Jeśli ScrollView
usunę, ViewPager zareaguje doskonale.
Przeszukałem okolice i nie znalazłem tego jako znanej usterki. Czy ktoś jeszcze tego doświadczył?
- Wersja platformy: 1.6.0
- Biblioteka zgodności v4.
- Urządzenie: HTC Incredible S
Poniżej znajduje się przykładowy kod do przetestowania, skomentuj, ScrollView
aby zobaczyć, jak działa poprawnie.
Czynność:
package com.ss.activities;
import com.ss.R;
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.TextView;
public class PagerInsideScollViewActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ViewPager vp = (ViewPager) findViewById(R.id.viewpager);
vp.setAdapter(new MyPagerAdapter(this));
}
}
class MyPagerAdapter extends PagerAdapter {
private Context ctx;
public MyPagerAdapter(Context context) {
ctx = context;
}
@Override
public int getCount() {
return 2;
}
@Override
public Object instantiateItem(View collection, int position) {
TextView tv = new TextView(ctx);
tv.setTextSize(50);
tv.setTextColor(Color.WHITE);
tv.setText("SMILE DUDE, SMILE DUDE, SMILE DUDE, SMILE DUDE, SMILE DUDE, " +
"SMILE DUDE, SMILE DUDE, SMILE DUDE, SMILE DUDE, SMILE DUDE, " +
"SMILE DUDE, SMILE DUDE, SMILE DUDE, SMILE DUDE, SMILE DUDE, " +
"SMILE DUDE, SMILE DUDE, SMILE DUDE");
((ViewPager) collection).addView(tv);
return tv;
}
@Override
public void destroyItem(View collection, int position, Object view) {
((ViewPager) collection).removeView((View) view);
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Parcelable saveState() {
return null;
}
@Override
public void restoreState(Parcelable arg0, ClassLoader arg1) {
}
@Override
public void startUpdate(View arg0) {
}
@Override
public void finishUpdate(View arg0) {
}
}
Układ:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="fill_parent"
android:layout_height="300dp" />
</LinearLayout>
</ScrollView>
android
scrollview
android-viewpager
electricSunny
źródło
źródło
Odpowiedzi:
Miałem ten sam problem. Moim rozwiązaniem było zadzwonić
requestDisallowInterceptTouchEvent
po uruchomieniu przewijania ViewPager.Oto mój kod:
pager.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { v.getParent().requestDisallowInterceptTouchEvent(true); return false; } }); pager.setOnPageChangeListener(new SimpleOnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { pager.getParent().requestDisallowInterceptTouchEvent(true); } });
źródło
Dalsze czytanie ujawniło, że występują problemy z przewijanymi komponentami wewnątrz przewijanych komponentów.
Jednym z rozwiązań jest „wyłączenie” przewijania w pionie ScrollView w obszarze zawartego składnika przewijalnego, w moim przypadku ViewPager.
Kod tego rozwiązania jest szczegółowo opisany tutaj (i jest po prostu genialny!)
źródło
Oto rozwiązanie:
mPager.setOnTouchListener(new View.OnTouchListener() { int dragthreshold = 30; int downX; int downY; @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: downX = (int) event.getRawX(); downY = (int) event.getRawY(); break; case MotionEvent.ACTION_MOVE: int distanceX = Math.abs((int) event.getRawX() - downX); int distanceY = Math.abs((int) event.getRawY() - downY); if (distanceY > distanceX && distanceY > dragthreshold) { mPager.getParent().requestDisallowInterceptTouchEvent(false); mScrollView.getParent().requestDisallowInterceptTouchEvent(true); } else if (distanceX > distanceY && distanceX > dragthreshold) { mPager.getParent().requestDisallowInterceptTouchEvent(true); mScrollView.getParent().requestDisallowInterceptTouchEvent(false); } break; case MotionEvent.ACTION_UP: mScrollView.getParent().requestDisallowInterceptTouchEvent(false); mPager.getParent().requestDisallowInterceptTouchEvent(false); break; } return false; } });
Zasadniczo ustawiając wartości X, Y po naciśnięciu i obliczając odległość podczas przeciągania, aby określić, w którą stronę chcielibyśmy iść. Pobaw się z progiem przeciągania, aby zoptymalizować swój przypadek.
źródło
Za pomocą ViewPager można przechwytywać zdarzenia zmiany strony i zapobiegać przechwytywaniu przez ScrollView zdarzenia dotyku, które spowodowało zmianę strony.
To bardzo proste, używając
ViewGroup.requestDisallowInterceptTouchEvent(boolean)
. Pozwala także użytkownikowi przeciągać ScrollView, nawet jeśli rozpocznie przeciąganie na ViewPager, ale przeciąganie poziome na pagerze będzie nadal działać bez interferencji ScrollView.@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // Add android:id for your ScrollView in your layout final ScrollView sv = (ScrollView) findViewById(R.id.scrollview); final ViewPager vp = (ViewPager) findViewById(R.id.viewpager); vp.setAdapter(new MyPagerAdapter(this)); // Use a page-change listener to respond to begin-drag events: vp.setOnPageChangeListener(new OnPageChangeListener() { @Override public void onPageSelected(int newState) { if (newState == ViewPager.SCROLL_STATE_DRAGGING) { // Prevent the ScrollView from intercepting this event now that the page is changing. // When this drag ends, the ScrollView will start accepting touch events again. sv.requestDisallowInterceptTouchEvent(true); } } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageScrollStateChanged(int arg0) { } }); }
Działa to dla mnie z biblioteką Android Support v4 na Androida 2.3.4 i 4.2.1.
źródło
Zaadaptowałem rozwiązanie od @Michael Herbig. Zaletą tego jest to, że działa na każdym widoku, który pozwala
setOnTouchListener
, nie tylko na ViewPager (na przykład ViewPagerIndicator) i jest to klasa niezależna.Przykładowe użycie:
// runStatsPager is a android.support.v4.view.ViewPager; runStatsPager.setOnTouchListener(new ViewInScrollViewTouchHelper(runStatsPager)); // runStatsPagerIndicator is a com.viewpagerindicator.TitlePageIndicator runStatsPagerIndicator.setOnTouchListener(new ViewInScrollViewTouchHelper(runStatsPagerIndicator));
I klasa:
class ViewInScrollViewTouchHelper implements View.OnTouchListener { private final ScrollView scrollView; private final View viewInScrollView; int dragthreshold = 30; int downX; int downY; public ViewInScrollViewTouchHelper(View viewInScrollView) { if (viewInScrollView == null) { throw new IllegalArgumentException("viewInScrollView cannot be null."); } ViewParent parent = viewInScrollView.getParent(); ScrollView scrollView = null; do { if (parent instanceof ScrollView) { scrollView = (ScrollView) parent; break; } } while(parent != null && (parent = parent.getParent()) != null); if (scrollView == null) { throw new IllegalArgumentException("View does not have a ScrollView in its parent hierarchy."); } this.scrollView = scrollView; this.viewInScrollView = viewInScrollView; } @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: downX = (int) event.getRawX(); downY = (int) event.getRawY(); break; case MotionEvent.ACTION_MOVE: int distanceX = Math.abs((int) event.getRawX() - downX); int distanceY = Math.abs((int) event.getRawY() - downY); if (distanceY > distanceX && distanceY > dragthreshold) { viewInScrollView.getParent().requestDisallowInterceptTouchEvent(false); scrollView.getParent().requestDisallowInterceptTouchEvent(true); } else if (distanceX > distanceY && distanceX > dragthreshold) { viewInScrollView.getParent().requestDisallowInterceptTouchEvent(true); scrollView.getParent().requestDisallowInterceptTouchEvent(false); } break; case MotionEvent.ACTION_UP: scrollView.getParent().requestDisallowInterceptTouchEvent(false); viewInScrollView.getParent().requestDisallowInterceptTouchEvent(false); break; } return false; } }
źródło
public class WrapContentHeightViewPager extends ViewPager { public WrapContentHeightViewPager(Context context) { super(context); } public WrapContentHeightViewPager(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); int height = 0; for (int i = 0; i < getChildCount(); i++) { View child = getChildAt(i); child.measure(widthMeasureSpec, View.MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)); int h = child.getMeasuredHeight(); if (h > height) height = h; } heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY); super.onMeasure(widthMeasureSpec, heightMeasureSpec); }
}
@Override public boolean onTouch (View v, zdarzenie MotionEvent) {
int dragthreshold = 30; int downX = 0; int downY = 0; switch (event.getAction()) { case MotionEvent.ACTION_DOWN: downX = (int) event.getRawX(); downY = (int) event.getRawY(); break; case MotionEvent.ACTION_MOVE: int distanceX = Math.abs((int) event.getRawX() - downX); int distanceY = Math.abs((int) event.getRawY() - downY); if (distanceY > distanceX && distanceY > dragthreshold) { mViewPager.getParent().requestDisallowInterceptTouchEvent(false); mScrollView.getParent().requestDisallowInterceptTouchEvent(true); } else if (distanceX > distanceY && distanceX > dragthreshold) { mViewPager.getParent().requestDisallowInterceptTouchEvent(true); mScrollView.getParent().requestDisallowInterceptTouchEvent(false); } break; case MotionEvent.ACTION_UP: mScrollView.getParent().requestDisallowInterceptTouchEvent(false); mViewPager.getParent().requestDisallowInterceptTouchEvent(false); break; } return false; }
Użyj powyżej dwóch i będzie działać bardzo ładnie. Użyłem również w moim kodzie.
źródło
Dzięki takiemu podejściu pozwoliłem
ViewPager
przewijać w tymX
kierunku bez martwienia się, żeScrollView
(rodzic) ukradnie zdarzenie i anuluje bieżący zwój. Co ważniejsze, powoduje to równieżViewPager
przewijanie obszaru, w którym się znajduje, wY
kierunku.public class CustomViewPager extends ViewPager { private GestureDetector mGestureDetector; View.OnTouchListener mGestureListener; public CustomViewPager(Context context, AttributeSet attrs) { super(context, attrs); mGestureDetector = new GestureDetector(context, new Detector()); } @Override public boolean onTouchEvent(MotionEvent motionEvent) { mGestureDetector.onTouchEvent(motionEvent); return super.onTouchEvent(motionEvent); } class Detector extends SimpleOnGestureListener { @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { requestDisallowInterceptTouchEvent(true); return false; } } }
źródło
Żadne z rozwiązań tutaj nie zadziałało dobrze, ponieważ jest to albo modyfikacja
ViewPager
logiki dotyku, alboScrollView
logiki. Musiałem wdrożyć oba, teraz działa to jak urok.public class TouchGreedyViewPager extends ViewPager { private float xDistance, yDistance, lastX, lastY; public TouchGreedyViewPager(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: xDistance = yDistance = 0f; lastX = ev.getX(); lastY = ev.getY(); break; case MotionEvent.ACTION_MOVE: final float curX = ev.getX(); final float curY = ev.getY(); xDistance += Math.abs(curX - lastX); yDistance += Math.abs(curY - lastY) / 3; // favor X events lastX = curX; lastY = curY; if (xDistance > yDistance) { return true; } } return super.onInterceptTouchEvent(ev); } } public class TouchHumbleScrollView extends ScrollView { private float xDistance, yDistance, lastX, lastY; public TouchHumbleScrollView(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: xDistance = yDistance = 0f; lastX = ev.getX(); lastY = ev.getY(); break; case MotionEvent.ACTION_MOVE: final float curX = ev.getX(); final float curY = ev.getY(); xDistance += Math.abs(curX - lastX); yDistance += Math.abs(curY - lastY) / 3; // favor X events lastX = curX; lastY = curY; if (xDistance > yDistance) { return false; } } return super.onInterceptTouchEvent(ev); } }
źródło
Można przesłonić metodę instantiateItem w klasie PagerAdapter, dodając scrollView do każdej strony. Oto kod:
@Override public Object instantiateItem(View collection, int position) { ScrollView sc = new ScrollView(cxt); sc.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); sc.setFillViewport(true); TextView tv = new TextView(cxt); tv.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); tv.setText(pages[position]); tv.setPadding(5,5,5,5); sc.addView(tv); ((ViewPager) collection).addView(sc); return sc; }
źródło