jarryleo / ViewPager2Banner

使用ViewPager2实现的banner效果

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ViewPager2Banner

使用ViewPager2实现的banner效果

可以实现不同的特殊效果,具体请看示例;可以竖向滚动!
更多翻页效果参考:ViewPagerTransforms

screenShot

基础用法:

	banner.config {adapter = BannerAdapter().apply { data = imgRes }}

添加翻页效果和指示器:

        banner.config {
            adapter = BannerAdapter().apply { data = imgRes }
            transformer = DepthPageTransformer() //层叠渐变效果
            //transformer = ZoomOutPageTransformer()//下沉渐变效果
            //transformer = MultiplePagerScaleInTransformer(100,0.2f)//左右条目缩小漏出效果
            itemMargin = 25.dp //条目间距
	    interval = 5000L   //自动翻页时间间隔
            //设置圆点指示器
            indicator = DotIndicatorDecoration(
                align = Align.BOTTOM or Align.LEFT,
                horizontalMargin = 46.dp
            )
            //设置图片指示器
            /*indicator = DrawableIndicatorDecoration(
                align = Align.BOTTOM or Align.LEFT,
                selectedDrawable = getDrawable(R.drawable.shape_select)!!,
                unselectedDrawable = getDrawable(R.drawable.shape_unselect)!!
            )*/
        }

引用: Step 1. Add the JitPack repository to your build file
Add it in your root build.gradle at the end of repositories:

	allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

Step 2. Add the dependency

	dependencies {
		implementation 'androidx.viewpager2:viewpager2:1.0.0'     
	    	implementation 'com.github.jarryleo:ViewPager2Banner:v1.6'
	}

About

使用ViewPager2实现的banner效果


Languages

Language:Kotlin 100.0%