自定義ViewPager中心當前項目與適配器中的自定義getPageWidth

Question

我有一個自定義ViewPager行爲像一個旋轉木馬，事情是我想能夠顯示一個多頁。要做到這一點，我們有2個解決方案：

• 使用邊緣setPageMargin（）方法
• 或者我們可以使用覆蓋我ViewPager的適配器的getPageWidth方法。

第一個解決方案工作得很好，但我希望能夠精確地精確確定當前頁面的百分比。關於getPageWidth解決方案，我的當前頁面正在左移。這是合乎邏輯的，因爲她只需要以前尺寸的80％。於是，我就重寫我的自定義ViewPager像這樣的scrollTo功能：

@Override 
    public void scrollTo(int x, int y) { 
     x = (int) (x - (getWidth() - getWidth()*getAdapter().getPageWidth(getCurrentItem()))/2); 
     super.scrollTo(x, y); 
    } 

它的工作，但因爲之前，我不能滾動，它只是在表演確實很奇怪，不好的方向走，不要」 t按照手指...有任何解決方案，讓我有一個工作滾動和居中當前頁面？

這裏是我的適配器：

import android.support.v4.app.Fragment; 
import android.support.v4.app.FragmentManager; 
import android.support.v4.app.FragmentPagerAdapter; 
import android.support.v4.view.ViewPager; 

import java.util.ArrayList; 

public class CarouselAdapter extends FragmentPagerAdapter implements ViewPager.OnPageChangeListener { 
    private ArrayList<Entity> mData = new ArrayList<>(); 
    private ScaledRelativeLayout cur = null, next = null; 

    private float scale; 
    private MainActivity context; 
    private FragmentManager fragmentManager; 

    public CarouselAdapter(MainActivity context, FragmentManager fragmentManager, ArrayList<Entity> mData) { 
     super(fragmentManager); 
     this.fragmentManager = fragmentManager; 
     this.context = context; 
     this.mData = mData; 
    } 

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

    @Override 
    public Fragment getItem(int position) { 
     if (position == MainActivity.FIRST_PAGE) { 
      scale = MainActivity.BIG_SCALE; 
     } else { 
      scale = MainActivity.SMALL_SCALE; 
     } 

     position = position % mData.size(); 

     Fragment fragment = CarouselFragment.newInstance(context, mData.get(position), position, scale); 
     return fragment; 
    } 

    @Override 
    public int getCount() { 
     return mData.size(); 
    } 

    @Override 
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 
     if (positionOffset >= 0f && positionOffset <= 1f) { 
      cur = getRootView(position); 
      cur.setScaleBoth(MainActivity.BIG_SCALE - MainActivity.DIFF_SCALE * positionOffset); 

      if (position < mData.size()-1) { 
       next = getRootView(position +1); 
       next.setScaleBoth(MainActivity.SMALL_SCALE + MainActivity.DIFF_SCALE * positionOffset); 
      } 
     } 
    } 

    @Override 
    public void onPageSelected(int position) {} 

    @Override 
    public void onPageScrollStateChanged(int state) {} 

    private ScaledRelativeLayout getRootView(int position) { 
     return (ScaledRelativeLayout) fragmentManager.findFragmentByTag(this.getFragmentTag(position)).getView().findViewById(R.id.rootItem); 
    } 

    private String getFragmentTag(int position) { 
     return "android:switcher:" + context.carousel.getId() + ":" + position; 
    } 
} 

更多無用的，但這裏是我的MainActivity：

import android.support.v4.app.FragmentActivity; 
import android.os.Bundle; 
import android.view.Menu; 
import android.view.MenuItem; 
import android.widget.Button; 

import java.util.ArrayList; 

public class MainActivity extends FragmentActivity { 
    public static int FIRST_PAGE; 
    public final static float BIG_SCALE = 1.0f; 
    public final static float SMALL_SCALE = 0.85f; 
    public final static float DIFF_SCALE = BIG_SCALE - SMALL_SCALE; 

    public CarouselViewPager carousel; 
    private CarouselAdapter carouselAdapter; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     FIRST_PAGE = mData.size()/2; 
     carouselAdapter = new CarouselAdapter(this, this.getSupportFragmentManager(), mData); 
     carousel = (CarouselViewPager) findViewById(R.id.carousel); 
     carousel.setAdapter(carouselAdapter); 
     carousel.addOnPageChangeListener(carouselAdapter); 
     carousel.setCurrentItem(Math.round(FIRST_PAGE)); 
     carousel.setOffscreenPageLimit(3); 
     carousel.setClipToPadding(false); 
     carousel.setScrollDurationFactor(2.5f); 
    } 
} 

編輯：

root.post(new Runnable() { 
      @Override 
      public void run() { 
       int width = root.getWidth(); 
       Log.w("Post", "Width : " + width + ", newWidth : " + (width * 0.8)); 
       // root.setPadding((int) (width * 0.125), 0, (int) (width * 0.125), 0); 

       ViewPager.LayoutParams params = (ViewPager.LayoutParams) root.getLayoutParams(); 
       params.width = (int) (width * 0.8); 
       root.setLayoutParams(params); 
       root.requestLayout(); 
       root.forceLayout(); 
       root.invalidate(); 
      } 
     }); 

問候

Answer 1

代替setPageMargin或getPageWidth您可以將填充設置爲您的ViewPager。

<android.support.v4.view.ViewPager 
    android:id="@+id/main_container" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingLeft="16dp" 
    android:paddingRight="16dp" 
    android:clipToPadding="false" /> 

通知的clipToPadding部分，它顯示其他頁面是非常重要的。

如果你想顯示你的寬度屏幕的X％，你可以做到這一點在Java中

mRootView.post(new Runnable() { 
    @Override 
    public void run() { 
     int w = mRootView.getWidth(); 
     mViewPager.setPadding(w * 0.25, 0, w * 0.25, 0); 
     // 25% padding on either side so pages takes exactly 50% space 
    } 
});