Più pagine contemporaneamente su un ViewPager

Question

Esiste la possibilità di visualizzare due pagine contemporaneamente, quando si utilizza uno ViewPager? Non sto cercando un effetto bordo, ma piuttosto per due pagine complete allo allo stesso tempo.

Grazie in anticipo.

Answer 1

Non penso sia possibile con i limiti di un View Pager. Permette solo a un utente di visualizzare le pagine 1 alla volta. Potresti essere in grado di risolvere qualcosa con l'uso di frammenti e disporre di 2 frammenti ViewPager uno accanto all'altro e utilizzare i pulsanti per elaborare il plipping della pagina che desideri implementare, ma il codice potrebbe diventare molto complesso.

Puoi provare qualcosa come un ViewFlipper - dove puoi fare molte più personalizzazioni (incluse le animazioni).

Spero che questo aiuti.

Answer 2

Si prega di dare un'occhiata al metodo getPageWidth nel corrispondente PagerAdapter. Esegui l'override e torna ad es. 0.8f per fare in modo che tutte le pagine figlio occupino solo l'80% della larghezza di ViewPager.

Maggiori informazioni: http://developer.android.com/reference/android/support/v4/view/PagerAdapter.html#getPageWidth(int)

Answer 3

Vedi that blog entry.
La tecnica PagerContainer è stata risolta il mio problema.

EDIT:
ho trovato stessa risposta.
How to migrate from Gallery to HorizontalScrollView & ViewPager?

Answer 4

È possibile risolvere questo problema utilizzando getPageWidth nella classe PagerAdapter.

essere sicuri se il vostro JAR è up-to-date .Dal precedenza ViewPager non sosteneva più pagine contemporaneamente.

flottante pubblico getPageWidth() {

ritorno 0.4f; (potete sceglierli .Per schermo intero per pagina si dovrebbe dare 1f) }

Answer 5

Vedere il mio più up-to-date risposta qui: Can ViewPager have multiple views in per page?

Ho scoperto che una soluzione forse ancora più semplice attraverso la specifica di un margine negativo per il ViewPager. Ho creato il progetto MultiViewPager su GitHub, che si consiglia di dare un'occhiata a:

https://github.com/Pixplicity/MultiViewPager

Anche se questa domanda chiede specificamente per una soluzione senza effetto bordo, alcune risposte qui propongono la soluzione temporanea di CommonsWare, ad esempio il suggerimento di kaw.

Ci sono vari problemi con la gestione del tocco e l'accelerazione hardware con quella particolare soluzione.Una soluzione più semplice e più elegante, a mio parere, è quello di indicare un margine negativo per la ViewPager:

ViewPager.setPageMargin(
    getResources().getDimensionPixelOffset(R.dimen.viewpager_margin)); 

Ho poi specificato questa dimensione nel mio dimens.xml:

<dimen name="viewpager_margin">-64dp</dimen> 

Per compensare sovrapposizione pagine, visualizzare il contenuto di ogni pagina ha il margine opposto:

android:layout_marginLeft="@dimen/viewpager_margin_fix" 
android:layout_marginRight="@dimen/viewpager_margin_fix" 

Sempre nel dimens.xml:

<dimen name="viewpager_margin_fix">32dp</dimen> 

(Si noti che la dimensione viewpager_margin_fix è metà di quella del viewpager_margin dimensione assoluta.)

abbiamo implementato questa in the Dutch newspaper app De Telegraaf Krant:

Answer 6

Devi eseguire l'override del metodo getPageWidth() sulla Adattatore viewpager. Per esempio:

@Override 
public float getPageWidth(int position) { 
    return 0.9f; 
} 

Prova questo codice nell'adattatore e quindi capirai.

Answer 7

creare il file di layout: my_layout.xml:

<?xml version="1.0" encoding="utf-8"?> 
<layout xmlns:android="http://schemas.android.com/apk/res/android"> 
<FrameLayout 
    android:id="@+id/pager_container" 
    android:layout_width="match_parent" 
    android:layout_height="240dp" 
    android:clipChildren="false"> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/pager" 
     android:layout_width="200dp" 
     android:clipToPadding="false" 
     android:layout_height="200dp" 
     android:layout_marginLeft="70dp" 
     android:layout_marginRight="70dp" 
     android:layout_gravity="center" /> 
</FrameLayout> 
</layout> 

il viewpager è di circa piccolo come si desidera che le pagine siano. Con android: clipToPadding = "false" sono visibili anche le pagine all'esterno del pager. Ma ora trascinando fuori dalla viewpager non ha alcun effetto Questo può essere risolto con la scelta tocchi dal pager-contenitore e passarli al cercapersone:

MyLayoutBinding binding = DataBindingUtil.<MyLayoutBinding>inflate(layoutInflater, R.layout.my_layout, parent, false) 
binding.pager.setOffscreenPageLimit(3); 
binding.pager.setPageMargin(15); 
binding.pagerContainer.setOnTouchListener(new View.OnTouchListener() { 
     @Override 
     public boolean onTouch(View v, MotionEvent event) { 
      return chatCollectionLayoutBinding.pager.onTouchEvent(event); 
     } 
}); 

Answer 8

Può essere don nel Layout Item del Viewpager. Supponiamo che tu voglia due pagine alla volta.

Questo è il layout Item (photo_slider_item.xml):

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" style="@style/photosSliderItem"> 
     <ImageView android:id="@id/photoBox1" style="@style/photoBox"/> 
     <ImageView android:id="@id/photoBox2" style="@style/photoBox"/> 
    </LinearLayout> 

E nel tuo PagerAdapter:

@Override 
public View instantiateItem(ViewGroup container, int position){ 
    View sliderItem = LayoutInflater.from(container.getContext()).inflate(photo_slider_item, container, false); 
    ImageView photoBox1 = (ImageView) sliderItem.findViewById(R.id.photoBox1); 
    ImageView photoBox2 = (ImageView) sliderItem.findViewById(R.id.photoBox2); 
    photoBox1.setImageResource(photosIds[position]); 
    if(position < photosIds.length-1){ 
     photoBox2.setImageResource(photosIds[position+1]); 
    } else {photoBox2.setImageResource(photosIds[0]);} 
    container.addView(sliderItem); 
    return sliderItem; 
}