Android科特林。使用片段将数据绑定到 recyclerview 的问题

Android Kotlin. Troubles with databinding to recyclerview using fragments

我正在尝试学习如何在 Android 应用程序中实现数据绑定。我有一个正在使用的小应用程序来学习这个。虽然我有部分应用程序的数据绑定工作。我在尝试实现 recyclerview 时遇到了麻烦。我似乎无法理解。折腾了两三天,心灰意冷。以为我会问你们。

此时应用程序非常简单。

我坚持的部分是从我的 MainFragment.kt

的 .xml 布局访问我的 recyclerview

起初我尝试使用绑定,但感到沮丧,然后又回到尝试使用 findViewById,但这也给我带来了问题。我开始想,我对数据绑定的掌握并没有我想象的那么牢固。

这是来自持有 recyclerView 的片段:

fragment_main.xml

<androidx.recyclerview.widget.RecyclerView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_marginTop="8dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            android:layout_marginStart="8dp"
            android:layout_marginBottom="8dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            android:layout_marginEnd="8dp"
            android:id="@+id/job_recyclerView"/>

我有另一个小的布局文件,它使用 Cardview 在 recyclerview 中显示每个单独的项目

超级简单的模型:

JobData.kt

data class JobData(val companyName: String, val location: String)

一个适配器:

JobAdapter.kt

class CustomAdapter(val userList: ArrayList<JobData>) : RecyclerView.Adapter<CustomAdapter.ViewHolder>() {

//Returning view for each item in the list
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomAdapter.ViewHolder {
    val v = LayoutInflater.from(parent.context).inflate(R.layout.job_item_layout, parent, false)
    return ViewHolder(v)
}

//Binding the data on the list
override fun onBindViewHolder(holder: CustomAdapter.ViewHolder, position: Int) {
    holder.bindItems(userList[position])
}

override fun getItemCount(): Int {
    return userList.size
}

//Class holds the job list view
class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {

    fun bindItems(job: JobData) {
        val textViewName = itemView.findViewById(R.id.tv_company_name) as TextView
        val textViewAddress  = itemView.findViewById(R.id.tv_Location) as TextView
        textViewName.text = job.companyName
        textViewAddress.text = job.location
    }
}
}

然后是我的 MainFragment 中的代码来处理这一切,但它没有这样做。我已经尝试了一切,它变得丑陋了。正如您在下面看到的。绑定已到位并为我的 FloatingActionButton 工作。但出于某种原因,我无法弄清楚如何访问该 recylerview。在下面的代码中,我以为我只是使用 findViewById 进行访问,但这也不起作用。

MainFragment.kt class 主片段:片段(){

override fun onCreateView(
    inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    val binding: FragmentMainBinding = DataBindingUtil.inflate(
        inflater, R.layout.fragment_main, container, false)

    //Setting onClickListener for FAB(floating action button) using Navigation
    binding.createNewJobFAB.setOnClickListener { v: View ->
        v.findNavController().navigate(R.id.action_mainFragment_to_createNewJobFragment)
    }

    //getting recyclerview from xml
    val recyclerView = findViewById(R.id.job_recyclerView) as RecyclerView

    //adding a layoutmanager
    recyclerView.layoutManager = LinearLayoutManager(this, RecyclerView.VERTICAL, false)


    //Arraylist to store jobs using the data class JobData
    val jobs = ArrayList<JobData>()

    //add dummy data to list
    jobs.add(JobData("A Company", "Town A"))
    jobs.add(JobData("B Company", "Town B"))
    jobs.add(JobData("C Company", "Town C"))
    jobs.add(JobData("D Company", "Town D"))

    //creating adapter
    val adapter = CustomAdapter(jobs)

    //add adapter to recyclerView
    recyclerView.adapter = adapter
    return binding.root
}
}

以上编译失败有两个原因:

  1. findViewById 显示为 "Unresolved Reference"。
  2. 添加layoutManager时,"this"显示为"Type Mismatch"

我认为这是因为片段没有上下文。反正我是这么认为的。但我不知道解决这个问题?也许重写其他一些方法,但我似乎无法弄清楚哪个或如何?

哦,MainActivity 看起来像:

MainActivity.kt

class MainActivity : AppCompatActivity() {

//private lateinit var binding: ActivityMainBinding

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    @Suppress("UNUSED_VARIABLE")
    val binding = DataBindingUtil.setContentView<ActivityMainBinding>(this, R.layout.activity_main)
}

//Ensures back button works as it should
override fun onSupportNavigateUp() = findNavController(this, R.id.navHostFragment).navigateUp()
}

它指向 Nav_Graph 用于 Android 导航(JetPack 的一部分)。这个位很好用。

添加 gradle 文件以显示我的依赖项已按照以下建议正确设置。

app/gradle

android {
compileSdkVersion 28
dataBinding {
    enabled = true
}
...
}

kapt {
generateStubs = true
correctErrorTypes = true
}

dependencies {
...
kapt "com.android.databinding:compiler:$gradle_version"

...
}

从 Fragment 中查找 ViewById 的方法是错误的(这是 Activity 的好方法):

val recyclerView = findViewById(R.id.job_recyclerView) as RecyclerView

首先,fragment 的布局必须 return 通过 onCreateView() 方法。

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
  return inflater.inflate(R.layout.fragment_main, container, false)
}

我个人喜欢在 onViewCreated() 中执行所有片段的业务逻辑

override fun onViewCreated(view: View?, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    //Now, we can use views by kotlinx
    //val recyclerView = job_recyclerView
    //Or old-fashioned way
    val recyclerView = getView()!!.findViewById(R.id.job_recyclerView) as RecyclerView
}

RecylerView 可以通过根视图从片段的布局访问,例如:getView()!!.findViewById 或通过 onViewCreated() 中的 kotlinx:job_recyclerView

好的,所以首先你在 findViewById 上遇到错误,因为你的片段不知道包含 recyclerView

的视图

你应该做的是,取一个你正在为这个片段膨胀的视图实例(将视图声明为全局变量,用这个替换你的 inflater 行)。

var rootView

// Inside onCreateView
var rootView = inflater?.inflate(R.layout.fragment, container, false) 

现在将 findViewById() 替换为 rootView.findViewById()

另一个错误是因为该片段没有自己的任何上下文,所以将 this 替换为 activity!!

通过编写 activity!!,您正在调用 getActicity() 方法,其中 returns 父上下文 activity。

将您的 xml 包裹在 <layout>..<layout/>

private lateinit var binding: FragmentXXXBinding

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        binding = FragmentXXXBinding.inflate(inflater)
        return binding.root
    }

然后你可以通过binding.jobRecyclerview

调用recyclerview

尝试在 onViewCreated 而不是片段 onCreateView 上设置所有点击侦听器等