美文网首页
BannerView-无限轮播图控件

BannerView-无限轮播图控件

作者: 笑说余生 | 来源:发表于2018-08-05 17:41 被阅读496次

    轮播图控件,封装ViewPager,支持无限循环轮播,支持三种常用页面特效,支持设置指示器,支持自动切换手动滑动和自动滑动的滑动时长,封装Banner的Holder实现更加简单。使用Kotlin开发,在项目中使用,满足大部分Banner相关需求,可以直接使用。

    本项目基于MZBannerView进行二次开发,只用于开源交流,如果侵权等问题请及时提醒。

    预览

    BannerView

    使用方法

    1. 在项目根目录的build.gradle文件中添加jitpack仓库

       allprojects {
           repositories {
               maven { url 'https://jitpack.io' }
           }
       }
      
    2. 在application的build.gradle文件中引入仓库依赖

       dependencies {
            implementation 'com.github.PingerOne:BannerView:1.0.5'
       }
      
    3. 在xml文件中引用BannerView控件

       <com.fungo.banner.BannerView
           android:id="@+id/bannerView"
           android:layout_width="match_parent"
           android:layout_height="200dp"
           app:bannerAutoLoop="true"
           app:bannerPageMode="cover"
           app:bannerPageScale="0.9"
           app:bannerPageAlpha="0.6"
           app:bannerFarMargin="10dp"
           app:bannerCoverMargin="10dp"
           app:bannerPagePadding="20dp"
           app:indicatorVisible="true"
           app:indicatorAlign="right"
           app:indicatorPaddingLeft="12dp"
           app:indicatorPaddingBottom="12dp"
           app:indicatorPaddingRight="12dp"/>
      
    4. 在代码中设置数据和适配器

       bannerView.setPages(data, object : BannerHolderCreator<BannerBean, BannerHolder> {
            override fun onCreateBannerHolder(): BannerHolder {
                return BannerHolder()
            }
        })
      

    常用属性

    Name Format Description
    bannerAutoLoop Boolean 是否开启自动轮播
    bannerPageMode Int 页面模式
    bannerPageScale Float 左右页面的缩放比例
    bannerPageAlpha Float 左右页面的透明度
    bannerFarMargin Dimension 远离模式下左右页面的外边距
    bannerCoverMargin Dimension 覆盖模式下左右页面的内边距
    bannerPagePadding Dimension 中间页面距离左右的距离
    indicatorVisible Boolean 指示器是否可见
    indicatorAlign Int 指示器的位置
    indicatorPaddingLeft Int 指示器距离左侧的距离
    indicatorPaddingRight Int 指示器距离右侧的边距
    indicatorPaddingTop Int 指示器距离顶部的边距
    indicatorPaddingBottom Int 指示器距离底部的边距

    参考


    欢迎大家访问我的简书博客GitHub


    项目地址
    下载APK

    相关文章

      网友评论

          本文标题:BannerView-无限轮播图控件

          本文链接:https://www.haomeiwen.com/subject/oagbvftx.html