一、Banner 2.0 ,轮播图的使用
1、引入依赖
implementation 'io.github.youth5201314:banner:2.2.2'
2、权限声明
<!-- if you want to load images from the internet -->
<uses-permission android:name="android.permission.INTERNET" />
3、布局文件
<com.youth.banner.Banner
android:id="@+id/banner_photos"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintDimensionRatio="h,3:4"
/>
<com.youth.banner.indicator.CircleIndicator
android:id="@+id/banner_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="@id/banner_photos"
app:layout_constraintBottom_toTopOf="@id/tv_title"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:layout_margin="12dp"
/>
4、初始化轮播图
//测试数据
val imageUrls = arrayListOf(
"https://img.zcool.cn/community/01b72057a7e0790000018c1bf4fce0.png",
"https://img.zcool.cn/community/016a2256fb63006ac7257948f83349.jpg",
"https://img.zcool.cn/community/01233056fb62fe32f875a9447400e1.jpg",
"https://img.zcool.cn/community/01700557a7f42f0000018c1bd6eb23.jpg"
)
/**
* 初始化轮播图
*/
private fun initBanner() {
val dp6 = BannerUtils.dp2px(6f)
binding.bannerPhotos.apply {
addBannerLifecycleObserver(this@MoonDetailActivity)
setAdapter(PhotoAdapter(imageUrls), false)
isAutoLoop(false)
setIndicator(binding.bannerIndicator, false)
setIndicatorSelectedColorRes(R.color.orange)
setIndicatorNormalColorRes(R.color.gray_efeff4)
setIndicatorSpace(dp6)
setIndicatorWidth(dp6, dp6)
setIndicatorGravity(IndicatorConfig.Direction.CENTER)
}
}
5、轮播图适配器
class PhotoAdapter(photoList: ArrayList<String>) : BannerAdapter<String, PhotoAdapter.PhotoHolder>(photoList) {
class PhotoHolder(view: View) : RecyclerView.ViewHolder(view) {
var imageView: ImageView = view as ImageView
}
override fun onCreateHolder(parent: ViewGroup?, viewType: Int): PhotoHolder {
val imageView = ImageView(parent!!.context)
val params = ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)
imageView.layoutParams = params
return PhotoHolder(imageView)
}
override fun onBindView(holder: PhotoHolder, data: String, position: Int, size: Int) {
GlideApp.with(holder.itemView)
.load(data)
.centerCrop()
.placeholder(R.drawable.ps_image_placeholder)
.into(holder.imageView)
}
}