Android Viewpager2适配器显示第一页空白
我正在尝试使用viewpager2创建全屏图像滑块。但当我运行代码时,第一个页面并没有显示任何图像,但当我滑动到另一个页面并重新访问第一个页面时,就会显示图像。我什么都试过了,但没找到问题。请帮忙。这是我的密码 PS-我将图像更改为彩色,以便在屏幕上轻松查看布局。即使我将图像列表而不是颜色列表传递给适配器,也会发生同样的情况 我的适配器:Android Viewpager2适配器显示第一页空白,android,android-studio,kotlin,adapter,android-viewpager2,Android,Android Studio,Kotlin,Adapter,Android Viewpager2,我正在尝试使用viewpager2创建全屏图像滑块。但当我运行代码时,第一个页面并没有显示任何图像,但当我滑动到另一个页面并重新访问第一个页面时,就会显示图像。我什么都试过了,但没找到问题。请帮忙。这是我的密码 PS-我将图像更改为彩色,以便在屏幕上轻松查看布局。即使我将图像列表而不是颜色列表传递给适配器,也会发生同样的情况 我的适配器: class FullScreenImageAdapter(val context: Context, val sliderItems: MutableList
class FullScreenImageAdapter(val context: Context, val sliderItems: MutableList<Int>, val viewPager2: ViewPager2) : RecyclerView.Adapter<FullScreenImageAdapter.ViewHolder>() {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
return ViewHolder(LayoutInflater.from(parent.context).inflate(R.layout.fullscreen_image_container,
parent, false))
}
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
holder.imageView.setBackgroundResource(sliderItems[position])
}
override fun getItemCount(): Int {
return sliderItems.size
}
class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
val imageView: ImageView= itemView.findViewById(R.id.fullImageId)
}
}
类FullScreenImageAdapter(val-context:context,val-slideItems:MutableList,val-viewPager2:viewPager2):RecyclerView.Adapter(){
override onCreateViewHolder(父级:ViewGroup,viewType:Int):ViewHolder{
返回ViewHolder(LayoutInflater.from(parent.context)。充气(R.layout.fullscreen\u image\u容器,
父母(假))
}
覆盖BindViewHolder(holder:ViewHolder,位置:Int){
holder.imageView.setBackgroundResource(滑块项[位置])
}
重写getItemCount():Int{
返回sliderItems.size
}
类ViewHolder(itemView:View):RecyclerView.ViewHolder(itemView){
val imageView:imageView=itemView.findViewById(R.id.fullImageId)
}
}
全屏_image_container.xml
<?xml version="1.0" encoding="utf-8"?>
<ImageView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/fullImageId"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:scaleType="centerCrop">
</ImageView>
我的片段中的代码:
class FullScreenImageFragment : Fragment() {
lateinit var viewPager2: ViewPager2
lateinit var navController: NavController
lateinit var sliderAdapter: FullScreenImageAdapter
var sliderImages: MutableList<Int> = mutableListOf()
}
override fun onCreateView(
inflater: LayoutInflater, container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_full_screen_image, container, false)
}
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
navController = view.findNavController()
sliderImages.add(R.color.Green)
sliderImages.add(R.color.Orange)
sliderImages.add(R.color.black)
sliderImages.add(R.color.colorchery)
header_layout_fullscreen.app_name_header.visibility = View.GONE
header_layout_fullscreen.image_back_btn.setOnClickListener {
navController.navigateUp()
}
viewPager2 = view.findViewById(R.id.full_image_viewpager) as ViewPager2
sliderAdapter = FullScreenImageAdapter(requireContext(), sliderImages, viewPager2)
viewPager2.adapter = sliderAdapter
}
}
类FullScreenImageFragment:Fragment(){
lateinit var viewPager2:viewPager2
lateinit var navController:navController
lateinit var sliderAdapter:FullScreenImageAdapter
var sliderImages:MutableList=mutableListOf()
}
覆盖创建视图(
充气器:布局充气器,容器:视图组?,
savedInstanceState:捆绑?
):查看?{
//为该碎片膨胀布局
返回充气机。充气(R.layout.fragment\u全屏\u图像,容器,错误)
}
覆盖已创建的视图(视图:视图,保存状态:捆绑?){
super.onViewCreated(视图,savedInstanceState)
navController=view.findNavController()
幻灯片图像。添加(R.color.Green)
幻灯片图像。添加(R.color.Orange)
幻灯片图像。添加(R.color.black)
幻灯片图像。添加(R.color.colorchery)
header\u layout\u fullscreen.app\u name\u header.visibility=View.GONE
标题\布局\全屏。图像\返回\ btn.setOnClickListener{
navController.navigateUp()
}
viewPager2=view.findViewById(R.id.full\u image\u viewpager)作为viewPager2
sliderAdapter=FullScreenImageAdapter(requireContext(),SliderImage,viewPager2)
viewPager2.adapter=滑块适配器
}
}
片段\u全屏\u image.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".ui.FullScreenImageFragment">
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/full_image_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
谢谢
编辑:-我创建了一个新的活动,并将我的所有代码从一个片段转移到另一个活动,它在那里工作得非常好。我仍然不知道碎片有什么问题。如果你们中有人能找到碎片,我仍然想知道碎片的问题。我更喜欢在应用程序中使用单个活动,但我现在将使用此解决方案。您找到解决方案了吗?我还遇到ViewPager2的第一个屏幕未显示或显示一些布局故障的问题。