Kotlin实现Banner广告轮播功能

最新推荐文章于 2024-08-20 16:19:50 发布

yyxhzdm

最新推荐文章于 2024-08-20 16:19:50 发布

阅读量1.5k

点赞数

分类专栏： Kotlin基础基础知识学习文章标签： kotlin android

本文链接：https://blog.csdn.net/yyxhzdm/article/details/109304078

版权

本文展示了如何在Android应用中使用Kotlin实现Banner广告的轮播功能。首先在build.gradle文件中添加必要的库引用，然后在drawable资源文件夹下创建自定义圆点样式。接着，引入图片加载工具类如Glide并设置圆角效果。最后，在Activity和布局文件中编写代码，包括Adapter的实现和界面展示。

摘要由CSDN通过智能技术生成

效果图：

实现方法：

1.在build中添加引用

（1）.在头部添加

apply plugin: 'kotlin-kapt'

（2）.在dependencies中添加

//glide
implementation "com.github.bumptech.glide:glide:4.10.0"
kapt "com.github.bumptech.glide:compiler:4.10.0"
//广告banner轮滑功能
implementation "com.youth.banner:banner:2.0.10"
//recyclerview
implementation "androidx.recyclerview:recyclerview:1.1.0"

2.在drawable中添加自定义圆点例如：indicator_normal

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <solid android:color="#00BCFF" />
    <size
        android:width="8dp"
        android:height="8dp" />
</shape>

广告图片根据需要自己添加，当然也可以是网络请求下来的图片，这样添加原点时就需要改善一下，动态添加呈放圆点的容器ImageView。

3.添加图片加载工具类：

（1）.WTGlide

package com.ruidde.animationtimesdeclinedemo.utils

import android.content.Context
import android.widget.ImageView
import com.bumptech.glide.annotation.GlideModule
import com.bumptech.glide.load.MultiTransformation
import com.bumptech.glide.module.AppGlideModule
import com.ruidde.animationtimesdeclinedemo.R

@GlideModule
class WTGlide : AppGlideModule() {
    companion object {

        fun loadCrop(
            context: Context,
            imageView: ImageView,
            path: Int,
            place: Int = R.drawable.bander_one
        ) {
            GlideApp.with(context)
                .load(path)
                .placeholder(place)
//                .centerInside()
                .dontAnimate()
                .into(imageView)
        }

        fun loadCropRound(context: Context, imageView: ImageView, path: String) {
            Gl