[安卓开发]kotlin编写 RecyclerView 结合 DataBinding 进行 双向绑定

kotlin编写的RecyclerView,使用DataBinding进行双向绑定

实现了 BaseObservable 的数据类,其实也没啥必要,就一个String

具体效果就是修改一侧RecyclerView数据,另一侧也会同步变化

Unresolved reference: BR ->这个错误可以见我的上篇博客

直接上代码

数据类
class UseData() : BaseObservable() {
    
    var useData: String = ""
        @Bindable get
        set(value: String) {
            if (useData != value) {
                field = value
                notifyChange()
            }
        }
}
adapter
class RecyclerViewLearnAdapter(private val dataTemp : Array<UseData>) :
    RecyclerView.Adapter<RecyclerViewLearnAdapter.BindingHolder>() {


    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): BindingHolder {
        val binding = DataBindingUtil.inflate<ConfigRecyclerViewLearnListItemBinding>(
            LayoutInflater.from(parent.context),
            viewType,
            parent,
            false
        )
        return  BindingHolder(binding)
    }

    override fun onBindViewHolder(holder: BindingHolder, position: Int) {
        holder.bindData(dataTemp[position])
    }

    override fun getItemCount() = dataTemp.size

    override fun getItemViewType(position: Int): Int {
        return R.layout.config_recycler_view_learn_list_item
    }

    class BindingHolder(private var binding : ConfigRecyclerViewLearnListItemBinding) : RecyclerView.ViewHolder(binding.root){

        fun bindData(useData: UseData){
            binding.setVariable(BR.mUseData,useData)
            binding.executePendingBindings()
        }
    }
}
item布局
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <data>
        <variable
            name="mUseData"
            type="com.example.myapplication.data.UseData" />
    </data>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <EditText
            android:id="@+id/list_item_textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/ic_launcher_background"
            android:padding="10dp"
            android:text="@={mUseData.useData}"
            android:textSize="16sp" />
    </LinearLayout>

</layout>

activity布局
<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".RecyclerViewLearn">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycle_view_learn_recycleview1"
        android:layout_width="100dp"
        android:layout_height="729dp"
        app:layout_constraintEnd_toStartOf="@+id/textView2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycle_view_learn_recycleview2"
        android:layout_width="100dp"
        android:layout_height="729dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/textView2"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/recyclerview_textview_text"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>
activity代码(java)
public class RecyclerViewLearn extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.config_recycler_view_learn_activity);

        RecyclerView leftRecyclerView=findViewById(R.id.recycle_view_learn_recycleview1);
        RecyclerView rightRecyclerView=findViewById(R.id.recycle_view_learn_recycleview2);
        UseData[] data=new UseData[7];
        data[0]=new UseData( );
        data[1]=new UseData( );
        data[2]=new UseData( );
        data[3]=new UseData( );
        data[4]=new UseData( );
        data[5]=new UseData( );
        data[6]=new UseData( );

        data[0].setUseData("12345678");
        data[1].setUseData("azazazaz");
        data[2].setUseData("!!!!!!!!");
        data[3].setUseData("????????");
        data[4].setUseData("########");
        data[5].setUseData("********");
        data[6].setUseData("????????");

        LinearLayoutManager leftLayoutManager = new LinearLayoutManager(this);
        leftRecyclerView.setLayoutManager(leftLayoutManager);
        RecyclerViewLearnAdapter leftAdapter=new RecyclerViewLearnAdapter(data);
        leftRecyclerView.setAdapter(leftAdapter);

        LinearLayoutManager rightLayoutManager = new LinearLayoutManager(this);
        rightRecyclerView.setLayoutManager(rightLayoutManager);
        RecyclerViewLearnAdapter rightAdapter=new RecyclerViewLearnAdapter(data);
        rightRecyclerView.setAdapter(rightAdapter);
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用双向绑定,需要在项目中引入Data Binding库。在项目的build.gradle文件中添加以下依赖项: ``` android { ... dataBinding { enabled = true } } dependencies { ... implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0' } ``` 接下来,我们需要创建ViewModel类。在ViewModel中定义我们需要绑定的变量,并提供getter和setter方法。例如: ``` class MyViewModel : ViewModel() { var name = MutableLiveData<String>() fun setName(newName: String) { name.value = newName } fun getName(): String? { return name.value } } ``` 接下来,我们需要在布局文件中设置双向绑定。例如: ``` <layout xmlns:android="http://schemas.android.com/apk/res/android"> <data> <import type="android.view.View"/> <variable name="viewModel" type="com.example.MyViewModel"/> </data> <EditText android:id="@+id/editText" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@={viewModel.name}" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Set Name" android:onClick="@{() -> viewModel.setName(editText.text.toString())}" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{viewModel.name}" /> </layout> ``` 在这个布局文件中,我们使用了双向绑定来绑定EditText和TextView中的文本。我们还定义了一个Button来设置ViewModel中的变量。在Button的onClick属性中,我们调用了ViewModel中的setName()方法来设置变量的值。 最后,我们需要在Activity中创建ViewModel实例,并将其绑定到布局文件中。例如: ``` class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main) val viewModel = ViewModelProvider(this).get(MyViewModel::class.java) binding.viewModel = viewModel binding.lifecycleOwner = this } } ``` 在这个例子中,我们使用了DataBindingUtil类来绑定布局文件。我们还创建了一个ViewModel实例,并将其绑定到布局文件中。最后,我们设置了lifecycleOwner,以确保数据绑定可以正确地处理生命周期事件。 这样,我们就完成了使用dataBindingViewModel进行双向绑定的过程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值