字符串的拼接处理、TextView显示的值随activity的属性值改变同时改变"/>

android——databinding中字符串的拼接处理、TextView显示的值随activity的属性值改变同时改变

简介

使用的技术是观察者与被观察者的模式，在google推荐的案例中也有使用到，现在我把它封装成一个扩展函数，使得使用更加简单明了

注意

1、在build.gradle添加databinding，在android{}节点添加

dataBinding {enabled true        }

或者（一般用下面的） ：

buildFeatures {dataBinding = trueviewBinding true}

2、在activity里绑定binding

在fragment里绑定binding: _binding = FragmentReturnMainBinding.inflate(inflater, container, false)

1、TextView显示的值随activity的属性值改变同时改变–LiveData

代码

MainActivity

class MainActivity : AppCompatActivity() {private val mutableLiveData = MutableLiveData<String>()override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)tv2.bindValue(mutableLiveData,this)bt1.setOnClickListener {
//            第二种使用扩展函数封装好的模式mutableLiveData.value="我爱李曼娜"}}/*** TextView的扩展函数* 使用方法：* val mutableLiveData = MutableLiveData<String>()* tv2.bindValue(mutableLiveData,this)** 在按钮事件里调用：mutableLiveData.value="我爱你"* TextView中显示的值就会跟着改变*/fun TextView.bindValue( mutableLiveData:MutableLiveData<String>,lifecycleOwner:LifecycleOwner){var text1: LiveData<String> = Transformations.map(mutableLiveData) {
//            "观察者: $it"it}text1.observe(lifecycleOwner, Observer<String> {this.text = it})}}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android=""xmlns:app=""xmlns:tools=""android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"><TextViewandroid:id="@+id/tv2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hello World!" /><Buttonandroid:id="@+id/bt1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:text="赋值3"/></LinearLayout></androidx.constraintlayout.widget.ConstraintLayout>

2、xml使用layout–data方式双向绑定

功能：点击按钮按钮换背景颜色，字体换颜色，textview换内容，效果图：

代码：

public class User {private String status;private String hint;private boolean isOnline;public User(String status, String hint, boolean isOnline) {this.status = status;this.hint = hint;this.isOnline = isOnline;}public String getStatus() {return status;}public void setStatus(String status) {this.status = status;}public String getHint() {return hint;}public void setHint(String hint) {this.hint = hint;}public boolean getIsOnline() {return isOnline;}public void setIsOnline(boolean isOnline) {this.isOnline = isOnline;}
}

MainActivity ：

import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;
import android.os.Bundle;
import android.view.View;import com.example.databinding.databinding.ActivityMainBinding;public class MainActivity extends AppCompatActivity {ActivityMainBinding binding;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);binding = DataBindingUtil.setContentView(this, R.layout.activity_main);User user = new User("已下线", "快开启一天的旅程吧！！", false);binding.setUser(user);}public void switchStatus(View view) {User user = new User("已上线", "祝您旅途愉快，谢谢！！", true);binding.setUser(user);}
}

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android=""xmlns:app=""xmlns:tools=""><data><variablename="user"type="com.example.databinding.User" /></data><androidx.constraintlayout.widget.ConstraintLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><TextViewandroid:id="@+id/tvStatus"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{user.status}"app:layout_constraintBottom_toTopOf="@+id/tvHint"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" /><TextViewandroid:id="@+id/tvHint"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{user.hint}"app:layout_constraintBottom_toTopOf="@+id/button"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toBottomOf="@+id/tvStatus" /><Buttonandroid:id="@+id/button"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@{user.isOnline?@drawable/btn_shape:@drawable/btn_shape_press}"android:onClick="switchStatus"android:text="状态切换"android:textColor="@{user.isOnline?@color/purple_200:@color/teal_200}"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/tvHint" /><!--        android:background="@{user.isOnline?@color/purple_200:@color/teal_200}"--></androidx.constraintlayout.widget.ConstraintLayout>
</layout>

btn_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android=""><corners android:radius="10dp" /><solid android:color="#2196F3" />
</shape>

btn_shape_press.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android=""><corners android:radius="10dp" /><solid android:color="#FF018786" />
</shape>

主题：<style name="Theme.Databinding" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">

下载地址：

注意:
1.ActivityMainBinding 这里的命名需要与xml的名称对应

3、MVVM双向绑定（过滤器）

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android=""xmlns:app=""xmlns:tools=""><data><variablename="viewModel"type="com.abtalk.databinding.MainViewModel" /></data><androidx.constraintlayout.widget.ConstraintLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><TextViewandroid:id="@+id/textView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{viewModel.age+`:字符串：`}"android:visibility="@{viewModel.visibility}"            app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><!--android:visibility="@{viewModel.visibility}"  这里比较复杂的逻辑运算放到mainactivity代码里写--><TextViewandroid:id="@+id/tv11"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{(viewModel.age>13)?@string/cnr:@string/w_cnr}"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:onClick="change"android:text="改变"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView" /></androidx.constraintlayout.widget.ConstraintLayout>
</layout>

activity代码

class MainActivity : AppCompatActivity() {private lateinit var mainViewModel: MainViewModelprivate lateinit var databindng: ActivityMainBindingoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)databindng = DataBindingUtil.setContentView(this, R.layout.activity_main)mainViewModel = ViewModelProvider(this).get(MainViewModel::class.java)databindng.viewModel = mainViewModel}fun change(view: View) {mainViewModel.age.set(15)}
}

MainViewModel

class MainViewModel : ViewModel() {val age = ObservableInt(1)val visibility = object : ObservableInt(age) {override fun get(): Int {Log.e("wang", "===>")return if (age.get() > 13)View.GONEelseView.VISIBLE}}}

注意：上面的visibility如果没有在xml里面绑定的话，是不会触发输出的（Log.e(“wang”, “===>”)）

String.xml

<resources><string name="app_name">Databinding</string><string name="cnr">成年人</string><string name="w_cnr">未成年人</string>
</resources>

完整的代码地址：

4、dataBinding中TextView中字符串的拼接处理

第一种：

android:text="@{ `字符串：` + str}"/>

第二种：
android:text=‘@{@string/user_name+bean.name}’
这里的引号需要使用单引号

5、监听某个值的改变，并做一些其他的操作

某个值为：
var aa: ObservableField = ObservableField(0)

监听：

 aa.addOnPropertyChangedCallback(object : OnPropertyChangedCallback() {override fun onPropertyChanged(observable: Observable?, i: Int) {Log.e("wang","===>"+i)}})

让这个值改变
aa.set(10)
这样就会触发上面的回调接口

6、绑定点击事件

第一步，activity中把xml里的viewmodel跟activity的viewmodel实例进行绑定

private val returnListViewModel by viewModels<ReturnListViewModel>()//在oncreat中
binding.viewModel = returnListViewModel// xml代码中<variablename="viewModel"type="***.medicine.module_return.returned.viewmodel.ReturnListViewModel" />

第二步，带参数的点击：@{() -> viewModel.click(1)}

//xml:
android:onClick="@{() -> viewModel.click(1)}"
//ViewModel:
public void click(num:Int){}

课外知识：可以把xml里的frag跟activity的this实例进行绑定，把绑定点击事件放在fragment里

// xml代码中<variablename="frag"type="***.medicine.module_return.returned.viewmodel.Fragment" />
// fragment代码中
binding.frag = this

双向绑定的显示隐藏需要用到View：

就可以使用View.Gone

7、高级用法

android:text='@{username??"null"}' 

如果表达式username为null时，则显示“null”, 不为空显示username的值

<data><!--使用Java某些类都要通过import导入才能正常使用--><import type="android.text.TextUtils" alias="textUtlis" />
</data>

<androidx.appcompat.widget.AppCompatButtonandroid:id="@+id/bt_login"android:layout_width="match_parent"android:layout_height="wrap_content"android:enabled="@{!textUtlis.isEmpty(username)?!textUtlis.isEmpty(password)?true:false:false}"android:onClick='@{v->loginModel.login(username ?? "",password ?? "",v) }'android:text="登陆" />

使用 && 进行多条件判断
我们都希望可以在databinding layout表达式中直接使用&& 逻辑判断，但遗憾会报错！这里可以使用&的转义字符 & 替代，则上面的用户名密码判空操作可以直接写成

android:enabled="@{!TextUtlis.isEmpty(username) & &  !TextUtlis.isEmpty(password)}"