Android MVVM databidng 数据双向绑定与事件绑定

MVVM

首先在build.gradle文件的android标签中添加dataBinding.enabled = true

android {//允许android使用数据绑定功能dataBinding.enabled = true
}

然后布局文件根布局必须是layout

在xml布局文件中添加

<layout xmlns:android="http://schemas.android.com/apk/res/android">//布局文件根布局<data><variablename="loginHandler"type="com.webtest.handler.LoginHandler"/><variablename="loginInfo"type="com.webtest.model.LoginInfo" /></data>
</layout>

其中LoginInfo是我们建的一个实体类用于操作数据，LoginHandler则作为viewModel层进行业务的处理。

在xml中需要绑定数据的地方添加绑定

<EditTextandroid:id="@+id/login_edit_verification"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="手机号"android:gravity="center"android:textColorHint="#7FFFFF"android:textColor="#FFFFFF"android:text="@={loginInfo.verification}"/>

注意"@={loginInfo.verification}"要有“=”，如果没有只能单向传递数据（从UI获取数据，不能将数据同步更新到UI）有等号才可以实现双向绑定。

在需要绑定事件的方添加

<Buttonandroid:id="@+id/login_get_button"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/get_button"android:layout_marginTop="6dp"app:layout_constraintEnd_toEndOf="@+id/login_edit_phontno"app:layout_constraintTop_toBottomOf="@+id/login_edit_phontno"android:onClick="@{loginHandler.onClickGet}"/>

xml布局文件里需要做的事情就这么多。然后写一个javabean类来实现数据绑定

public class LoginInfo extends BaseObservable {private String phoneno;private String verification;public LoginInfo(){}public LoginInfo(String phoneno, String verification){this.phoneno = phoneno;this.verification = verification;}@Bindablepublic String getPhoneno() {return phoneno;}public void setPhoneno(String phoneno) {this.phoneno = phoneno;notifyPropertyChanged(BR.phoneno);}@Bindablepublic String getVerification() {return verification;}public void setVerification(String verification) {this.verification = verification;notifyPropertyChanged(BR.verification);}
}

注意：在get方法上添加注解@Bindable，在set方法中添加

notifyPropertyChanged(BR.verification);其中BR有两个包，import导错的话会报错，报错可以试着换一个BR的包。

然后在Activity的oncreate（）方法中添加

ActivityLoginBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_login);
binding.setLoginInfo(loginInfo);

就可以实现双向绑定了。
其中ActivityLoginBinding是根据R.layout.activity_login自动生成的，如果报错可以尝试clean下或者重启。最好是将activity_login考过去然后将下划线去掉将首字母改成大写一般就会提示需要import的包了。

实现事件绑定则是建一个Hanler类，写上事件的方法就可以进行事件处理了

public void onClickGet(View view){Toast.makeText(view.getContext(),"给你验证码",Toast.LENGTH_SHORT).show()
}

就可以实现事件绑定。

由于我们通常会在Handler类里进行数据操作，而数据通常是从UI即Activity中获取，所以要自己在Hanler类中写个javabean的get和set方法

public LoginInfo getLoginInfo() {return loginInfo;
}
public void setLoginInfo(LoginInfo loginInfo) {this.loginInfo = loginInfo;
}LoginInfo loginInfo;

然后在Activity中调用

protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);loginInfo = new LoginInfo();LoginHandler loginHandler = new LoginHandler();loginHandler.setLoginInfo(loginInfo);ActivityLoginBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_login);binding.setLoginHandler(loginHandler);binding.setLoginInfo(loginInfo);
}

这样就是Activity只做UI相关的设置等，所有的业务操作全在Handler类中进行。