Android ViewPager具有視差背景圖片

Question

我想在具有查看尋呼機的活動中製作背景圖像的視差滾動效果，圖像應該根據ViewPager刷卡/滑動來滾動。

我已經試過使用 https://github.com/andraskindler/parallaxviewpager 它不工作它顯示空白背景而不是顯示圖像。

這GIF介紹我的要求：

請幫我

Answer 1

使用HorizontalScrollView和ViewPager.addOnPageChangeListener方法。
下面是例子。

在MainActivity.java：

public class MainActivity extends AppCompatActivity { 

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

     final HorizontalScrollView scrollView = (HorizontalScrollView) findViewById(R.id.scroll_view); 
     final ImageView imageView = (ImageView) findViewById(R.id.background); 
     final ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager); 

     viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
      @Override 
      public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 
       int x = (int) ((viewPager.getWidth() * position + positionOffsetPixels) * computeFactor()); 
       scrollView.scrollTo(x, 0); 
      } 

      @Override 
      public void onPageSelected(int position) { 

      } 

      @Override 
      public void onPageScrollStateChanged(int state) { 

      } 

      private float computeFactor() { 
       return (imageView.getWidth() - viewPager.getWidth())/
         (float)(viewPager.getWidth() * (viewPager.getAdapter().getCount() - 1)); 
      } 
     }); 
     viewPager.setAdapter(new CustomPagerAdapter(this)); 
    } 
} 

在佈局文件（activity_main.xml中）：

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     tools:context=".MainActivity"> 

    <HorizontalScrollView 
      android:id="@+id/scroll_view" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:scrollbars="none"> 

     <FrameLayout 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent"> 

      <ImageView 
        android:id="@+id/background" 
        android:layout_width="1000dp" 
        android:layout_height="match_parent" 
        android:scaleType="centerCrop" 
        android:src="@drawable/image"/> 
     </FrameLayout> 

    </HorizontalScrollView> 

    <android.support.v4.view.ViewPager 
      android:id="@+id/view_pager" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"/> 

</FrameLayout>