安卓工作室 3.6
我想使用ViewPager2来滑动图像：
这里的xml布局：
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/waitressCallMainContainer"
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/toolBarContainer"
layout="@layout/tool_bar"
android:title='@{@string/articles}'
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/viewPager2"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="#bbccaa"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/toolBarContainer" />
这里适配器项目布局（article_item_tour.xml）：
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/imageTourPageMainContainer"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/tourArticleImageView"
android:layout_width="0dp"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
这是我的自定义适配器：
class MyAdapter : RecyclerView.Adapter<MyAdapter .ArticleViewHolder>() {
var articleList: List<Article> = listOf()
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ArticleViewHolder {
return ArticleViewHolder(parent)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
holder.bind(articleList[position], position)
}
fun setList(articleList: List<Article>) {
this.articleList = articleList
notifyDataSetChanged()
}
override fun getItemCount(): Int = articleList.size
class MyViewHolderconstructor(itemView: View) : RecyclerView.ViewHolder(itemView) {
constructor(parent: ViewGroup) :
this(
LayoutInflater.from(parent.context).inflate(
R.layout.article_item_tour,
parent,
false
)
)
fun bind(article: Article, number: Int) {
Glide.with(itemView.tourArticleImageView.getContext())
.load("http://www.gravatar.com/avatar/$number?s=200x200&d=identicon")
.apply(RequestOptions().error(R.drawable.default_image))
.into(itemView.tourArticleImageView)
}
}
}
结果如下：
如您所见，ViewPager2 成功刷了 2 张图像。好的。
但我想设置 viewpager = 300 dp 的高度。我不需要在整个屏幕上显示图像。
所以这里发生了变化：
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/viewPager2"
android:layout_width="0dp"
android:layout_height="300dp"
android:background="#bbccaa"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/toolBarContainer" />
但现在图像不显示。仅显示 ViewPager2（绿色背景）。结果没有刷卡。
