Skip to content

liuyuejinqiu/ScaleViewPager

Repository files navigation

ScaleViewPager

A custom ViewPager that can scale display on one page.

Related blog address BLOG(简书详细解析链接)

ScaleViewPager

Use ScaleViewPager library

Gradle

compile 'com.jinqiu:scaleviewpager:1.0.1'

Maven

<dependency>
  <groupId>com.jinqiu</groupId>
  <artifactId>scaleviewpager</artifactId>
  <version>1.0.1</version>
  <type>pom</type>
</dependency>

Ivy

<dependency org='com.jinqiu' name='scaleviewpager' rev='1.0.1'>
  <artifact name='scaleviewpager' ext='pom' ></artifact>
</dependency>

Use ScaleRecyclerViewPager library

Gradle

compile 'com.jinqiu:scalerecyclerpager:1.0.1'

Maven

<dependency>
  <groupId>com.jinqiu</groupId>
  <artifactId>scalerecyclerpager</artifactId>
  <version>1.0.1</version>
  <type>pom</type>
</dependency>

Ivy

<dependency org='com.jinqiu' name='scalerecyclerpager' rev='1.0.1'>
  <artifact name='scalerecyclerpager' ext='pom' ></artifact>
</dependency>

Set attributes

in code

        //ScaleViewPager
        ScaleViewPager scaleViewPager = (ScaleViewPager) findViewById(R.id.scaleViewPager);
        scaleViewPager.setAdapter(new ViewPagerAdapter());
        scaleViewPager.setCoverWidth(40f);
        scaleViewPager.setMaxScale(1.0f);
        scaleViewPager.setMinScale(0.9f);

        //ScaleRecyclerViewPager
        ScaleRecyclerViewPager scaleRecyclerViewPager = (ScaleRecyclerViewPager) findViewById(R.id.viewpager);
        LinearLayoutManager layout = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL,
                false);
        scaleRecyclerViewPager.setLayoutManager(layout);
        scaleRecyclerViewPager.setAdapter(new RecyclerLayoutAdapter(this, scaleRecyclerViewPager));
        scaleRecyclerViewPager.setHasFixedSize(true);
        scaleRecyclerViewPager.setLongClickable(true);
        scaleRecyclerViewPager.setCoverWidth(40f);
        scaleRecyclerViewPager.setMaxScale(1.0f);
        scaleRecyclerViewPager.setMinScale(0.9f);

in XML

<!--<com.jinqiu.view.scaleviewpager.ScaleViewPager-->
  <com.jinqiu.view.scaleviewpager.ScaleViewPager
        android:id="@+id/scaleViewPager"
        android:layout_width="match_parent"
        android:layout_height="160dp"
        android:layout_centerInParent="true"
        android:layout_marginTop="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        app:svp_maxScale="1.0"
        app:svp_coverWidth="20dp"
        app:svp_minScale="0.9" />

<!--<com.jinqiu.view.scalerecyclerpager.ScaleRecyclerViewPager-->
<com.jinqiu.view.scalerecyclerpager.ScaleRecyclerViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="160dp"
        android:layout_centerInParent="true"
        android:layout_marginTop="10dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        app:rvp_singlePageFling="true"
        app:rvp_triggerOffset="0.1"
        app:srp_coverWidth="20dp"
        app:srp_maxScale="1.0"
        app:srp_minScale="0.9" />

Other

  • Do not set the difference between maxScale and minScale too much.
  • Do not set mCoverWidth,paddingLeftandpaddingRighttoo large.
  • Analysis of algorithms,jianshu

License

Apache 2.0 and MIT. See LICENSE file for details.

About

A custom ViewPager that can scale display on one page.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages