文章目录一、导入依赖二、搭建布局三、创建 ViewModel 数据对象四、修改布局为 DataBinding 布局五、绑定数据六、Demo 效果
一、导入依赖
新建 DataBindingDemo
工程,参照 LiveData 练手,在 build.gradle(Module:app)
中导入依赖:
dependencies {
def lifecycle_version = "2.2.0"
def activity_version = "1.1.0"
// ViewModel
implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:$lifecycle_version"
// LiveData
implementation "androidx.lifecycle:lifecycle-livedata-ktx:$lifecycle_version"
// androidx.activity
implementation "androidx.activity:activity-ktx:$activity_version"
...
}
并添加
DataBinding
配置选项,以及jvmTarget 1.8
设置:android {
...
// DataBinding
buildFeatures{
dataBinding true
}
// Java
compileOptions {
sourceCompatibility JavaVersion.VERSION_1_8
targetCompatibility JavaVersion.VERSION_1_8
}
// For Kotlin projects
kotlinOptions {
jvmTarget = "1.8"
}
}二、搭建布局
在
activity_main.xml
搭建简单布局(省略属性),如下:<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
tools:context=".MainActivity"><TextView
android:id="@+id/tvVote" /><ImageButton
android:id="@+id/imgBtnUpvote" /><ImageButton
android:id="@+id/imgBtnDownvote" /></androidx.constraintlayout.widget.ConstraintLayout>
包含三个控件:
tvVote
- TextView,显示点赞数;
imgBtnUpvote
- ImageButton,点赞的按钮;
imgBtnDownvote
- ImageButton,点踩的按钮。注意:在
ImageButton
使用res/drawble
添加的Vector Asset
作为app:srcCompat
时,需要在build.gradle(Module:app)
中添加:android {
defaultConfig {
...
vectorDrawables.useSupportLibrary = true
}
}
三、创建 ViewModel 数据对象
在
com.example.databindingdemo
目录下新建VoteViewModel
类继承自ViewModel()
,定义一个MutableLiveData
类型的属性,并定义两个方法upVote()
和downVote()
,如下:class VoteViewModel(
val vote: MutableLiveData<Int> = MutableLiveData<Int>(0)
) : ViewModel() {fun upVote() {
vote.value = vote.value?.plus(1)
}fun downVote() {
vote.value = vote.value?.minus(1)
}
}
四、修改布局为 DataBinding 布局
在
activity_main.xml
右击 ConstraintLayout,选择Show Context Action
→Convert to data binding layout
,此时在原先的 ConstraintLayout 布局外层嵌套了一个layout
,且出现data
标签,在 data 标签中添加variable
,name
随意,type
即为VoteViewModel
。然后可以使用@{}
语法将变量写入控件元素的属性中,如下(省略次要属性):<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"><data>
<variable
name="voteViewModel"
type="com.example.databindingdemo.VoteViewModel" />
</data><androidx.constraintlayout.widget.ConstraintLayout
tools:context=".MainActivity"><TextView
android:id="@+id/tvVote"
android:text="@{voteViewModel.vote.toString()}" /><ImageButton
android:id="@+id/imgBtnUpvote"
android:onClick="@{() -> voteViewModel.upVote()}" /><ImageButton
android:id="@+id/imgBtnDownvote"
android:onClick="@{() -> voteViewModel.downVote()}" /></androidx.constraintlayout.widget.ConstraintLayout>
</layout>
其中:
tvVote
文本被设置为 voteViewModel 变量的 vote 属性;
imgBtnUpvote
的 onClick 点击事件被设置为 voteViewModel 变量的 upVote() 方法,使用 lambda 表达式() ->
;
imgBtnDownvote
的 onClick 点击事件被设置为 voteViewModel 变量的 downVote() 方法,使用 lambda 表达式() ->
;整体布局如图:
五、绑定数据
在
MainActivity
类中,使用 Kotlinby viewModels()
属性委托声明一个 VoteViewModel 的实例:private val voteViewModel: VoteViewModel by viewModels()
参考 DataBinding 生成绑定类,在
MainActivity.onCreate()
创建绑定对象,如下:override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)val binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
}
参考 DataBinding 将布局视图绑定到架构组件,将 ViewModel 组件分配给绑定类中的属性,将数据变化通知给界面:
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)val binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)binding.voteViewModel = voteViewModel
binding.lifecycleOwner = this
}
六、Demo 效果
效果如下:
原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说
免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。
您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com未经允许不得转载:书荒源码源码网每日更新网站源码模板! » Jetpack练手(03):DataBinding
关注我们小说电影免费看关注我们,获取更多的全网素材资源,有趣有料!120000+人已关注
评论抢沙发