Android ViewPager mit Parallax Hintergrundbild

Question

Ich möchte einen Parallax Scrolling-Effekt von Hintergrundbild in einer Aktivität, die View Pager hat, sollte Bild sollte entsprechend ViewPager Swipe/Folie zu scrollen.

Ich habe bereits versucht, https://github.com/andraskindler/parallaxviewpager zu verwenden, es funktioniert nicht, es zeigt leeren Hintergrund statt Bild anzeigen.

Diese gif beschreibt meine Forderung:

Bitte helfen Sie mir

Answer 1

Verwenden HorizontalScrollView und ViewPager.addOnPageChangeListener Methode.
Unten ist Beispiel.

in 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)); 
    } 
} 

in Layout-Datei (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>