快捷導(dǎo)航

Kotlin FrameLayout與ViewPager2控件實現(xiàn)滾動廣告欄方法

更新時間：2022年12月06日 09:05:08 作者：go2coding

這篇文章主要介紹了Kotlin FrameLayout與ViewPager2控件實現(xiàn)滾動廣告欄，F(xiàn)rameLayout與ViewPager2是Android開發(fā)中非常常見的布局組件，并且它不單單是一個幀布局組件，可以用它實現(xiàn)多種功能，感興趣的朋友一起來看看吧

新模塊banner

先創(chuàng)建一個新的模塊，取名為banner，用來創(chuàng)建我們的滾動廣告條控件。

新建模塊有一個好處就是模塊是獨立的，以后可以進(jìn)行復(fù)用。

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<BannerInfo>):RecyclerView.Adapter<Adapter.ViewHolder>(){
        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
        }
    }

適配器的構(gòu)建原理和前面的章節(jié)就沒有什么區(qū)別了，也就是跟界面進(jìn)行綁定就可以了。

讓他定時滾動起來：

        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控件

    <com.kotlin.banner.BannerView
        android:id="@+id/bannerView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

初始化控件：

var bfs:ArrayList<BannerInfo> = 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)