视图绑定是一项功能,可让您更轻松地编写与视图交互的代码。在模块中启用视图绑定后,它会为该模块中存在的每个 XML 布局文件生成一个 绑定类。绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用。在大多数情况下,视图绑定会替换findViewById。
也就是说view binding能够给每一个布局绑定一个布局类,这样我们就不需要使用findViewById来获取对应的视图了,可以防止一些视图为空的情况导致的错误。
buildFeatures {
viewBinding = true
}
布局文件activity_main.xml
<?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="com.alan.module.main.activity.MainActivity">
<TextView
android:id="@+id/tv_hello"
android:layout_width="0dp"
android:layout_height="0dp"
android:gravity="center"
android:text="Hello World"
android:textColor="@android:color/black"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/bt_request"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:ignore="HardcodedText" />
<Button
android:id="@+id/bt_request"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="30dp"
android:text="获取数据"
android:textAllCaps="false"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
tools:ignore="HardcodedText" />
</androidx.constraintlayout.widget.ConstraintLayout>
启用ViewBinding功能后,Android Studio 会为每一个布局文件生成一个对应的Binding类,这个类以驼峰式命名。activity_main.xml 对应的就是ActivityMainBinding。
class MainActivity : BaseActivity {
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
val view = binding.root
setContentView(view)
}
}
在布局页面的根元素下加入声明
tools:viewBindingIgnore="true"
即如下所示
<?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:viewBindingIgnore="true"
tools:context="com.alan.module.main.activity.MainActivity">
</androidx.constraintlayout.widget.ConstraintLayout>
Data Binding即数据绑定,使数据对象和xml布局绑定,支持双向绑定;
是一个实现数据和UI绑定的框架,是构建MVVM模式的一个工具。
android {
...
dataBinding {
enabled true
}
}
class LoginModel() : ViewModel() {
var ld_phone: MutableLiveData<String> = MutableLiveData<String>()
var ld_code: MutableLiveData<String> = MutableLiveData<String>()
var ld_content: MutableLiveData<String> = MutableLiveData<String>()
}
在layout布局中选中根布局进行转换
Convert to data binding layout
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<data>
<!--需要的viewModel,通过mBinding.vm=mViewMode注入-->
<variable
name="model"
type="com.alan.mvvm.viewmodel.LoginModel"/>
<variable
name="activity"
type="androidx.fragment.app.FragmentActivity"/>
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/txt_cancel"
android:onClick="@{()-> activity.onBackPressed()}"
/>
<TextView
android:id="@+id/txt_title"
app:layout_constraintTop_toTopOf="parent"
.../>
<EditText
android:id="@+id/et_account"
android:text="@{model.ld_phone.get()}"
android:onTextChanged="@{(text, start, before, count)->model.onNameChanged(text)}"
...
/>
<EditText
android:id="@+id/et_pwd"
android:text="@{model.code.get()}"
android:onTextChanged="@{model::onPwdChanged}"
...
/>
<Button
android:id="@+id/btn_login"
android:text="Sign in"
android:onClick="@{() -> model.login()}"
android:enabled="@{(model.code.get().isEmpty()||model.phone.get().isEmpty()) ? false : true}"
.../>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
属性的引用
如果想使用ViewModel中成员变量,如直接使用model.ld_phone
事件绑定
事件绑定包括方法引用和监听绑定:
布局文件创建完毕之后,点击Build下面的Make Project,让系统帮我生成绑定类ActivityLoginBinding
然后只需在LoginActivity 中完成绑定即可,绑定操作既可以使用上述生成的ActivityLoginBinding也可以使用自带的DataBindingUtil完成:
函数名 | 作用 |
---|---|
setContentView | 用来进行Activity下面的绑定 |
inflate | 用来进行Fragment下面的绑定 |
bind | 用来进行View的绑定 |
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val binding: ActivityLoginBinding =DataBindingUtil.setContentView(this, R.layout.activity_login)
}
//DataBinding也支持在Fragment和RecyclerView中使用
@Override
public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
binding = DataBindingUtil.inflate(inflater, getContentViewId(), container, false);
return binding.getRoot();
}
binding = ActivitytLoginBinding.inflate(inflater, getContentViewId(), container, false);