Jetpack练手(03):DataBinding

文章目录一、导入依赖二、搭建布局三、创建 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 ActionConvert to data binding layout,此时在原先的 ConstraintLayout 布局外层嵌套了一个 layout,且出现 data 标签,在 data 标签中添加 variablename 随意,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 表达式 () ->

整体布局如图:
Jetpack练手(03):DataBinding

五、绑定数据

MainActivity 类中,使用 Kotlin by 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 效果

效果如下:

Jetpack练手(03):DataBinding

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

Jetpack练手(03):DataBinding

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » Jetpack练手(03):DataBinding
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏