DataBinding
DataBinding可以将数据和xml绑定起来,也是实现mvvm的一种工具。先撇开mvvm我们先了解DataBing的用法。
首先在 app moudle中的gradle文件添加dataBing的task。
dataBinding {
enabled = true
}
我们先来写一个小例子。创建一个Person的java类如下。
public class Person {
private int age;
private String name;
public Person(int age, String name) {
this.age = age;
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
创建一个Activity,每一个Activity的xml文件都会对应生成一个相应的Bing类,bing类的命名规则则是xml文件名的大写之后再加一个Bing,具体可以看下面代码例子。
public class Main2Activity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMain2Binding main2Binding = DataBindingUtil.setContentView(this,R.layout.activity_main2);
Person person = new Person(18,"小明");
main2Binding.setPerson(person);
}
}
以及Activity所对应的XML文件。可以看见xml文件最外层是layout标签,与以前根标签一级的有一个data标签,里面声明我们在布局中用到的数据,具体引用@{},参看以下示例。
<?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="person"
type="test.yikai.com.myapplication.databind.Person" />
</data>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".databind.Main2Activity">
<TextView
android:id="@+id/tv_name"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{person.name}"
/>
<TextView
android:id="@+id/tv_age"
android:layout_centerHorizontal="true"
android:layout_below="@id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{String.valueOf(person.age)}"
/>
<Button
android:id="@+id/btn_change_age"
android:layout_below="@id/tv_age"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="修改年龄"
/>
</RelativeLayout>
</layout>
好了现在我们了解了基本写法,现在我们来看一下如何将事件和布局绑定,以及实际意义上的数据和布局的绑定。
事件绑定
我觉得在DataBing中最不好懂的就是事件绑定了,主要分为两种方式,方法引用和监听器绑定。
方法引用
事件可以直接绑定到处理程序的方法。表达式在编译的时候处理,所以如果方法不存在或者方法签名不正确直接编译出错。方法的参数必须与监听器对象的参数相匹配。
代码如下
public class Main2Activity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMain2Binding main2Binding = DataBindingUtil.setContentView(this,R.layout.activity_main2);
Person person = new Person(18,"小明");
main2Binding.setPerson(person);
main2Binding.setHandler(new HandlerCallBack());
main2Binding.setPp("yikai");
}
public class HandlerCallBack{
public void onClick(View view,String pp){
Toast.makeText(Main2Activity.this, "onClick " +pp, Toast.LENGTH_SHORT).show();
}
public boolean onLongClickCallBack(View view){
Toast.makeText(Main2Activity.this, "onLongClickCallBack", Toast.LENGTH_SHORT).show();
return false;
}
}
}
表达式如下
<?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="person"
type="test.yikai.com.myapplication.databind.Person" />
<variable
name="handler"
type="test.yikai.com.myapplication.databind.Main2Activity.HandlerCallBack" />
<variable
name="pp"
type="String" />
</data>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".databind.Main2Activity">
<TextView
android:id="@+id/tv_name"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{person.name}"
/>
<TextView
android:id="@+id/tv_age"
android:layout_centerHorizontal="true"
android:layout_below="@id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{String.valueOf(person.age)}"
/>
<Button
android:id="@+id/btn_change_age"
android:layout_below="@id/tv_age"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="@{handler::onClick}"
android:text="修改年龄"
/>
</RelativeLayout>
</layout>
监听器绑定
在方法引用中,方法的参数必须与监听器对象的参数相匹配。在监听绑定中,只要返回值与监听器对象的预期返回值相匹配即可。
public class Main2Activity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMain2Binding main2Binding = DataBindingUtil.setContentView(this,R.layout.activity_main2);
Person person = new Person(18,"小明");
main2Binding.setPerson(person);
main2Binding.setHandler(new HandlerCallBack());
main2Binding.setPp("yikai");
}
public class HandlerCallBack{
public void onClick(View view){
Toast.makeText(Main2Activity.this, "onClick" , Toast.LENGTH_SHORT).show();
}
public boolean onLongClickCallBack(View view,String pp){
Toast.makeText(Main2Activity.this, "onLongClickCallBack" + pp, Toast.LENGTH_SHORT).show();
return false;
}
}
}
表达式如下
<?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="person"
type="test.yikai.com.myapplication.databind.Person" />
<variable
name="handler"
type="test.yikai.com.myapplication.databind.Main2Activity.HandlerCallBack" />
<variable
name="pp"
type="String" />
</data>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".databind.Main2Activity">
<TextView
android:id="@+id/tv_name"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{person.name}"
/>
<TextView
android:id="@+id/tv_age"
android:layout_centerHorizontal="true"
android:layout_below="@id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{String.valueOf(person.age)}"
/>
<Button
android:id="@+id/btn_change_age"
android:layout_below="@id/tv_age"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="@{handler::onClick}"
android:onLongClick="@{(view) -> handler.onLongClickCallBack(view,pp)}"
android:text="修改年龄"
/>
</RelativeLayout>
</layout>
数据和ui绑定以及ui绑定数据
数据绑定Ui
数据绑定ui主要有三种形式BaseObservable,ObservableFields和Observable Collection这三种形式,现在讲一下BaseObservable。
我们的实体类集成BaseObservable,我们就可以在set数据的时候调用notifyChange()和notifyPropertyChanged()
notifyChange() 当一个值改变了就会引起整体值的改变。
notifyPropertyChanged()只是当前值会改变。
ui绑定数据
主要是用到@={}来实现ui和数据的绑定,具体表达式如下
<?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="person"
type="test.yikai.com.myapplication.databind.Person" />
<variable
name="handler"
type="test.yikai.com.myapplication.databind.Main2Activity.HandlerCallBack" />
<variable
name="pp"
type="String" />
</data>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".databind.Main2Activity">
<TextView
android:id="@+id/tv_name"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{person.name}"
/>
<TextView
android:id="@+id/tv_age"
android:layout_centerHorizontal="true"
android:layout_below="@id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{String.valueOf(person.age)}"
/>
<EditText
android:id="@+id/et_name"
android:layout_below="@id/tv_age"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@={person.name}"
/>
<Button
android:id="@+id/btn_change_age"
android:layout_below="@id/et_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="@{handler::onClick}"
android:onLongClick="@{(view) -> handler.onLongClickCallBack(view,pp)}"
android:text="修改年龄"
/>
</RelativeLayout>
</layout>
其实mvvm模式和mvp模式很类似。mvp模式的persenter和mvvm的viewmodel一样都是处理model和view的中间层,只不过persenter是持有ui的引用,同时ui也持有persenter的引用,而viewmodel则是和ui通过databing进行双向绑定,那就不用创建大量的接口,也不会因为ui的变化会影响到viewmodel,修改也很方便。