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

 更新时间:2022年12月06日 09:05:08   作者:go2coding  
这篇文章主要介绍了Kotlin FrameLayout与ViewPager2控件实现滚动广告栏,FrameLayout与ViewPager2是Android开发中非常常见的布局组件,并且它不单单是一个帧布局组件,可以用它实现多种功能,感兴趣的朋友一起来看看吧

在上一节中我们简单的介绍了RecyclerView 的使用,他是整个开发的重点控件,这一节我们来看看FrameLayout 布局结合ViewPager2,开发一个广告控件。

新模块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<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
        }
    }

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

让他定时滚动起来:

        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)

小结

这节中,我们介绍了一个自定义布局,一个ViewPager2控件,组成了一个简单的轮播广告,这里的demo相对比较简单,还是同样的道理,这种控件还是直接用第三方的,功能丰富又好用,我们的例子只是拆分了一个原理出来而已。

到此这篇关于Kotlin FrameLayout与ViewPager2控件实现滚动广告栏方法的文章就介绍到这了,更多相关Kotlin滚动广告栏内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android开发之如何自定义数字键盘详解

    Android开发之如何自定义数字键盘详解

    这篇文章主要给大家介绍了关于Android开发之如何自定义数字键盘的相关资料,本文语言是基于kotlin实现的,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-09-09
  • Android编程之判断SD卡状态的方法

    Android编程之判断SD卡状态的方法

    这篇文章主要介绍了Android编程之判断SD卡状态的方法,结合实例分析了Android针对SD卡的权限操作及状态判定技巧,需要的朋友可以参考下
    2016-02-02
  • Android ActivityManager使用案例详解

    Android ActivityManager使用案例详解

    这篇文章主要介绍了Android ActivityManager使用案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • Flutter实现笑嘻嘻的动态表情的示例代码

    Flutter实现笑嘻嘻的动态表情的示例代码

    这篇文章主要为大家介绍了如何利用Flutter实现笑嘻嘻的动态表情,文中的示例代码讲解详细,对我们学习Flutter有一定帮助,感兴趣的可以了解一下
    2022-04-04
  • Android实现Back功能代码片段总结

    Android实现Back功能代码片段总结

    今天把在公司实现某功能所用到的Back键功能模块代码片段做一个整理。方便以后直接拿出来使用
    2014-09-09
  • Android开发笔记之如何正确获取WebView的网页Title

    Android开发笔记之如何正确获取WebView的网页Title

    获取h5页面的携带的title中是很简单的,下面这篇文章主要给大家介绍了关于Android开发笔记之如何正确获取WebView的网页Title的相关资料,文中通过示例代码介绍的非常详细,需要的朋友们下面来一起看看吧
    2018-09-09
  • Android蓝牙通信之搜索蓝牙设备

    Android蓝牙通信之搜索蓝牙设备

    这篇文章主要介绍了Android蓝牙通信之搜索蓝牙设备,需要的朋友可以参考下
    2017-09-09
  • Android apk安装替换卸载广播的实现代码

    Android apk安装替换卸载广播的实现代码

    以下代码实现比较简单,根据接收到的Action来判断应用程序是安装 卸载还是被替换成其他版本,需要的朋友可以参考下
    2013-07-07
  • Android编程设置屏幕亮度的方法

    Android编程设置屏幕亮度的方法

    这篇文章主要介绍了Android编程设置屏幕亮度的方法,结合实例形式分析了Android获取及设置屏幕亮度的相关实现技巧,需要的朋友可以参考下
    2017-07-07
  • Android实现朋友圈多图显示功能

    Android实现朋友圈多图显示功能

    这篇文章主要为大家详细介绍了Android实现朋友圈多图显示功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11

最新评论