/ ViewPager

A Cool custom ViewPager

A Cool custom ViewPager

CoolViewPager

CoolViewPager is a custom ViewPager,it contains these follow features:

  1. support horizontal scrolling and vertical scrolling
  2. support automatic scrolling
  3. support setting auto-scrolling direction,auto-scrolling duration,auto-scrolling interval time
  4. support executing notifyDataSetChanged to refresh views immediately
  5. support setting the color of EdgeEffect
  6. contains appropriate PageTransformer for vertical scrolling

Screen Record

horizontal and vertical scrolling direction,duration and interval time for auto-scrolling
executing notifyDataSetChanged to refresh views immediately setting the color of EdgeEffect
contains appropriate PageTransformer for vertical scrolling

Apk

demo.apk

Usage

1 Add the dependency to your build.gradle

JitPack:
  • Add it in your root build.gradle at the end of repositories:
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}
  • Add the dependency in your module build.gradle
dependencies {
        implementation 'com.github.HuanHaiLiuXin:CoolViewPager:v1.0.0'
}
Bintray:

Add the dependency in your module build.gradle

dependencies {
    implementation 'com.huanhailiuxin.view:coolviewpager:1.0.0'
}

2 Include the CoolViewPager widget in your layout

<com.huanhailiuxin.coolviewpager.CoolViewPager
    android:id="@+id/vp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />

3 Gain the CoolViewPager isntance in your Java code,set it's attributes and PagerAdapter

public class ActivityEdgeEffectColor extends BaseActivity {
    private CoolViewPager vp;
    
    ****
    CoolViewPager vp = findViewById(R.id.vp);
    vp.setScrollMode(CoolViewPager.ScrollMode.HORIZONTAL);
    vp.setAdapter(adapter);
    ****
}

Attributes

We can set the attributes for a CoolViewPager instance via xml or via Java code.

attribute name description
cvp_scrollmode horizontal or vertical
cvp_autoscroll true or false: Set whether to open auto-scrolling
cvp_intervalinmillis auto-scrolling interval time in miliseconds
cvp_autoscrolldirection auto-scrolling direction: forward or backward
cvp_infiniteloop true or false: Set whether to open loop-scrolling
cvp_scrollduration auto-scrolling consume time in miliseconds
cvp_drawedgeeffect true or false: Set whether to draw edgeeffect
cvp_edgeeffectcolor setting the color of EdgeEffect

Via XML

<com.huanhailiuxin.coolviewpager.CoolViewPager
    android:id="@+id/vp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:cvp_scrollmode="vertical"
    app:cvp_autoscroll="true"
    app:cvp_intervalinmillis="1000"
    app:cvp_autoscrolldirection="backward"
    app:cvp_infiniteloop="true"
    app:cvp_scrollduration="600"
    app:cvp_drawedgeeffect="true"
    app:cvp_edgeeffectcolor="@color/colorPrimary"
    />

Via Java code

public class ActivityEdgeEffectColor extends BaseActivity {
    private CoolViewPager vp;
    
    private void initViewPager(){
        vp = findViewById(R.id.vp);
        vp.setScrollMode(CoolViewPager.ScrollMode.VERTICAL);
        vp.setAutoScroll(true,1000);
        vp.setAutoScrollDirection(CoolViewPager.AutoScrollDirection.BACKWARD);
        vp.setInfiniteLoop(true);
        vp.setScrollDuration(true,600);
        vp.setDrawEdgeEffect(true);
        vp.setEdgeEffectColor(getResources().getColor(R.color.colorPrimary));
    }
}

GitHub