Kotlin项目中使用ConvenientBanner实现轮播图

前言:Banner(轮播图),对于Android开发者来说并不陌生,市面上的APP基本都集成了banner这一功能,我们公司的项目也不例外。kotlin,我们也不陌生了,随着Google 在2017 IO大会上宣布Kotlin正式被作为Android开发的官方语言以来,使用kotlin开发的项目也逐渐多了起来。本文只是记录下本人在kotlin项目中的ConvenientBanner的使用。

1.项目集成

在build.gradle(Model:app)的dependencies下添加convenientBanner的依赖

implementation 'com.bigkoo:convenientbanner:2.0.5'

2.布局使用

   

3.代码实现

(1)定义banner

private lateinit var mBanner:ConvenientBanner

注:此处和java有些区别,kotlin需要带参数类型

java定义:ConvenientBanner mBanner

kotlin定义:var mBanner:ConvenientBanner >>>>int加载本地的res下的图片资源

(2)初始化及设置

//轮播图 
mBanner=headView.findViewById(R.id.convenient_banner)
mBanner
    .setPages( { BannerImageHolderView() }, DataUtil.getBannerList())
    //设置两个点图片作为翻页指示器,不设置则没有指示器,可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
    .setPageIndicator(intArrayOf(R.drawable.banner_point_select, R.drawable.banner_point_normal))
    //设置指示器的方向
    .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)
    //设置轮播时间间隔
    .startTurning(2000)

注:kotlin中可以直接用对控件进行设置参数(如:tv_message.text="测试"),但此处需通过findViewById(id:Int)先获取bannner,再进行设置参数,不然会报错。

image

4.创建BannerImageViewHolder

/**
** Created by ruancw on 18/4/24.
** 本地图片加载例子* 
**/
class BannerImageHolderView : Holder {
    private var imageView: ImageView? = null
    override fun createView(context: Context): View {
        //此处可以根据需求创建任何你想要的布局,不一定是imageView控件
        imageView = ImageView(context)
        imageView!!.*scaleType* = ImageView.ScaleType.FIT_XY
        return imageView as ImageView
    }

    override fun UpdateUI(context: Context, position: Int, data: Int) {
        imageView!!.setImageResource(data)
        //Glide.with(context).load(data).into(imageView!!)
  }
}

后记:convenientBanner是一个很不错的轮播图控件,项目中一直有在使用,使用也比较简单,下面是github上的convenientBanner的链接地址:https://github.com/saiwu-bigkoo/Android-ConvenientBanner

至此,convenientBanner在kotlin中的使用就结束了,不足之处欢迎指正!

你可能感兴趣的:(Kotlin项目中使用ConvenientBanner实现轮播图)