双向数据绑定(在xml中),ObservableField,BaseObservable,我应该用哪个进行双向数据绑定?

时间:2016-08-31 07:07:40

标签: android android-databinding

我已经使用了数据绑定一段时间了,即使现在它也不适用于JDK 8和API 24。我仍然找到一种以更简单的方式使用数据绑定的方法。但是,当我使用以下方式进行精确的双向数据绑定时(在我看来,双向数据绑定就像这里(What is two way binding?),有些奇怪的事情发生了。

1。双向数据绑定(以xml为单位)

android:text="@={testStr}"
官方文档中{p> 未提及https://developer.android.com/topic/libraries/data-binding/index.html,此页面通常会更新,现在可能会更改)。但它可以将变量绑定到xml。

2。 ObservableField用于属性

此处的示例(https://developer.android.com/topic/libraries/data-binding/index.html#observablefields

private static class User {
   public final ObservableField<String> firstName =
       new ObservableField<>();
   public final ObservableField<String> lastName =
       new ObservableField<>();
   public final ObservableInt age = new ObservableInt();
}

第3。将模型类扩展为BaseObservable

private static class User extends BaseObservable {
   private String firstName;
   private String lastName;
   @Bindable
   public String getFirstName() {
       return this.firstName;
   }
   @Bindable
   public String getLastName() {
       return this.lastName;
   }
   public void setFirstName(String firstName) {
       this.firstName = firstName;
       notifyPropertyChanged(BR.firstName);
   }
   public void setLastName(String lastName) {
       this.lastName = lastName;
       notifyPropertyChanged(BR.lastName);
   }
}

模型类必须扩展到BaseObservable 类,并且getter方法必须使用“@Bindable”进行注释,并且setter方法需要调用方法 notifyPropertyChange(),在绑定xml中具有相应的命名。

我的问题是,我想知道三种绑定方法的缺点和优点。当然,我知道第一个会更容易。但是我在文档和某些网站上找到了一些时刻。它在下一刻消失了。官方文档在没有任何明确声明的情况下更改。我仍然想知道我应该使用第一种方法,所以我必须准备改变方法2或3。

Student_XML2WAY.java

public class Student_XML2WAY {
    private int age;
    private String name;
    public int getAge() {
        return age;
    }
    public void setAge(int pAge) {
        age = pAge;
    }
    public String getName() {
        return name;
    }
    public void setName(String pName) {
        name = pName;
    }
}

Student_ObserField.java

public class Student_ObserField {
    private ObservableInt age;
    private ObservableField<String> name;
    public Student_ObserField() {
        age = new ObservableInt();
        name = new ObservableField<>();
    }
    public ObservableInt getAge() {
        return age;
    }
    public ObservableField<String> getName() {
        return name;
    }
}

Student_Extend.java

public class Student_Extend  extends BaseObservable{
    private int age;
    private String name;

    @Bindable
    public int getAge() {
        return age;
    }
    public void setAge(int pAge) {
        age = pAge;
        notifyPropertyChanged(BR.student3);
    }
    @Bindable
    public String getName() {
        return name;
    }
    public void setName(String pName) {
        name = pName;
        notifyPropertyChanged(BR.student3);
    }
}

activity_main.xml中

<?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="student1"
            type="example.com.testerapplication.sp.bean.Student_XML2WAY"/>

        <variable
            name="student2"
            type="example.com.testerapplication.sp.bean.Student_ObserField"/>

        <variable
            name="student3"
            type="example.com.testerapplication.sp.bean.Student_Extend"/>

    </data>

    <LinearLayout

        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
      >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={student1.name}"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{student2.name}"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{student3.name}"/>
        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="update"/>
    </LinearLayout>
</layout>

活动类

public class MainActivity extends AppCompatActivity {
    private Student_XML2WAY mStudent1;
    private Student_ObserField mStudent2;
    private Student_Extend mStudent3;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding binding = DataBindingUtil.inflate(LayoutInflater.from(this), R.layout.activity_main, null, false);
        mStudent1 = new Student_XML2WAY();
        mStudent1.setName("XML First");
        mStudent2 = new Student_ObserField();
        mStudent2.getName().set("ObserField Second");
        mStudent3 = new Student_Extend();
        mStudent3.setName("Extend Third");
        binding.setStudent1(mStudent1);
        binding.setStudent2(mStudent2);
        binding.setStudent3(mStudent3);
        setContentView(binding.getRoot());
        binding.btn1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mStudent1.setName("Student1");
                mStudent2.getName().set("Student2");
                mStudent3.setName("Student3");
            }
        });
    }
}

2 个答案:

答案 0 :(得分:4)

您的Student_XML2WAY.java无法使用双向绑定,因为它不符合执行此操作的要求(BaseObservableBindable或类似的内容)。

如果我要直接访问模型,我会使用BaseObservable,就像在Student_Extend中一样。我的Student_Extend中会有一个Activity的实例,我会在onCreate中设置变量:

Student mStudent = new Student("John Doe", 42); //
binding.setStudent(mStudent);
//later:
mStudent.setAge(37);

如果正确实施,这也会更改用户界面(以及模型中)的Age

如果您不想直接访问模型并希望使用ViewModel,请使用ObervableFields

public class Student {
    private String name;
    private int age;
    //Corresponding setters and getters
}


public class StudentViewModel {
    private ObservableField<Student> mStudentField = new ObservableField<>();

    //if I have a large model class, and only want to use some fields, 
    //I create some getters (and setters, for the two way attributes)
    //Something like this:

    public int getAge() {
        return mStudentField.get().getAge();
    }
    public void setAge(int newAge) {
        return mStudentField.get().setAge(newAge);
    }
}

因此,我在StudentViewModel中创建了Activity的实例并将其设置为绑定。伪xml看起来像这样:

<layout>
    <data>
        <variable name="studentViewModel" 
                  type="locaction.of.StudentViewModel"> <!-- or do an import -->
    </data>
    <EditText 
        android:text="@={studentViewModel.age}"/>
</layout>

因此,ViewModel方法更“清晰”,因为您几乎将所有与视图有关的内容外包。将BindingAdapter,点击方法,转换器方法放在那里,并保持Activity清洁。此外,您不直接更改您的模型。 对于简单的类和项目,这种方法可能过度。 ;)

如果您想查看使用DataBinding和MVVM的完整示例,请查看Droids on roids方法。

答案 1 :(得分:0)

我觉得ObservableField方法是可行的,因为不需要编写getter / setter或调用notifyPropertyChanged

此外,如果您有自定义对象ObservableField<Student> studentField,并且使用android:text="@{viewModel.studentField.name},则在您调用studentField.set(newStudent)时文本会更新。

我发现RxJava非常有用。 ObservableField可以很容易地转换为rx.Observable,反之亦然。这允许使用Rx运算符。如果您有兴趣,可以在此处查看实施:FieldUtils.java