Kotlin FrameLayout与ViewPager2控件实现滚动广告栏方法

这篇文章主要介绍了Kotlin FrameLayout与ViewPager2控件实现滚动广告栏，FrameLayout与ViewPager2是Android开发中非常常见的布局组件，并且它不单单是一个帧布局组件，可以用它实现多种功能，感兴趣的朋友一起来看看吧

新模块banner

先创建一个新的模块，取名为banner，用来创建我们的滚动广告条控件。

新建模块有一个好处就是模块是独立的，以后可以进行复用。

FrameLayout帧布局

FrameLayout 布局主要是用在一些小控件上，他比较灵活，而且不会耗太多的资源。新建一个类，继承

FrameLayout。

class BannerView @JvmOverloads constructor(context: Context,attrs: AttributeSet?, defStyleAttr: Int = 0) : FrameLayout(context,attrs,defStyleAttr)

我们的思路是这样的，在FrameLayout 中我们放一个ViewPager2 的控件，这个控件搭建一个适配器，就可以起到广告轮播的效果。

ViewPager2控件

在FrameLayout 中，我们搭建了一个ViewPager2 ，和前面的RecyclerView 一样，他也需要搭建一个适配器。

    inner class Adapter(var dataList:ArrayList):RecyclerView.Adapter(){ inner class ViewHolder(view:View):RecyclerView.ViewHolder(view){ var pic:ImageView = view.findViewById(R.id.image_view1) } override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder { val view = LayoutInflater.from(parent.context).inflate(R.layout.item_banner_image,parent,false) val viewHolder = ViewHolder(view as View) return viewHolder; } override fun onBindViewHolder(holder: ViewHolder, position: Int) { val banner = dataList[position] holder.pic.setImageResource(banner.imageId) } override fun getItemCount(): Int { return dataList.size } }

适配器的构建原理和前面的章节就没有什么区别了，也就是跟界面进行绑定就可以了。

让他定时滚动起来：

        autoplayJob = viewScope.launch { while (true){ if (viewPager.currentItem >= dataList.size-1){ viewPager.setCurrentItem(0,true) } else{ viewPager.setCurrentItem(viewPager.currentItem+1,true) } delay(3000) } }

在主界面的界面中，引入Banner控件

初始化控件：

var bfs:ArrayList = arrayListOf(BannerInfo(R.drawable.banner_1, displayText = "hello"), BannerInfo(R.drawable.banner_2, displayText = "hello"), BannerInfo(R.drawable.banner_3, displayText = "hello")) var bv:BannerView = findViewById(R.id.bannerView1) bv.setData(bfs)