利用DataBinding优雅的实现,文本选中切换字体背景的颜色效果

在build.gradle里面

开启dataBinding

    buildFeatures {
        dataBinding true
    }

定义颜色值

colors.xml文件里面

    <!-- 文本主色调 -->
    <color name="app_textTheme">@color/white</color>
    <!-- 文本选中颜色 -->
    <color name="app_textNormal">#FF1D2835</color>
    <!-- 条目背景色 -->
    <color name="app_BackgroundColor">#FF1C1C28</color>
    <!-- 控件选中默认颜色 -->
    <color name="app_colorAccent">#FF1D2835</color>    

drawable文件夹下定义两个文件
文本的选中和为未选中效果:textview_selector_textcolor
背景的选中和为未选中效果:textview_selector_backgroundcolor

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/app_textTheme" android:state_selected="true" />
    <item android:color="@color/app_textNormal" android:state_selected="false" />
</selector>
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/app_colorAccent" android:state_selected="true" />
    <item android:drawable="@color/app_BackgroundColor" android:state_selected="false" />
</selector>

设置BindingAdapter

/** 设置 [v] 的选中状态为 [selected] */
@BindingAdapter("android:bind_selected")
fun setViewSelected(v: View, selected: Boolean?) {
    if (v.isSelected == selected) {
        return
    }
    v.isSelected = selected.condition
}

xml

  <data>
        <variable
            name="item"
            type="xxx.xxx.PostType" />
        <variable
            name="viewModel"
           type="xxx.xxx.ViewModel" />
    </data>

  <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:bind_selected="@{viewModel.currentPostTypeId == item.id}"
        android:textSize="16sp"
        android:textColor="@drawable/textview_selector_textcolor"
        android:background="@drawable/textview_selector_backgroundcolor"/>

ViewModel

 /** 当前postTypeId */
    val currentPostTypeId : ObservableInt = ObservableInt(0)
//点击事件下调用

使用方法

 currentPostTypeId.set(item.id!!)

上面只是核心代码
由于我是配合recyclerview使用的,adapter的代码我就不贴了,就是把viewModel和item(实体类的数据)传入就可以了,很简单,如果小白实在不理解就评论留言叭!
关键词:DataBinding 双向绑定

效果图

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

九狼JIULANG

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值