Android架构组件JetPack之DataBinding玩转MVVM开发实战（四）

2401_84537826

于 2024-04-30 07:32:01 发布

阅读量534

点赞数 22

分类专栏：程序员文章标签： android 架构

本文链接：https://blog.csdn.net/2401_84537826/article/details/138333075

版权

程序员专栏收录该内容

211 篇文章 2 订阅

订阅专栏

最后运行之后，结果如上图。我就不再发一遍了，有兴趣的朋友再拖回去看一遍，反正下面还有~~

3 . 更多用法

简单的字符拼接

简单的三目运算
判断名字是否为空，不为空只显示user.name，否则显示donkor11：

相当于

这里需要注意的是当{}中使用了双引号“”，最外层要改成单引号”
根据数据判断，显示数据
判断是否为学生，是则显示11，反则，显示00

**修改样式 **
判断是否为学生，是则修改背景颜色0xFF0000FF，反则，显示0xFFFF0000

写在之后的话，这里我们需要知道Databinding支持与不支持的表达式，语法。如下
支持的表达式：
1.Mathematical + - / * %
2.String concatenation +
3.Logical && ||
4.Binary & | ^
5.Unary + - ! ~
6.Shift >> >>> <<
7.Comparison == > < >= <=
8.instanceof
9.Grouping ()
10.Literals - character, String, numeric, null
11.Cast
12.Method calls
13.Field access
14.Array access []
15.Ternary operator ?:

不支持的表达式：
1.this
2.super
3.new
4.Explicit generic invocation
最后运行之后，看下效果图。

4 . 点击事件

单击事件
单击事件在实际开发中，使用频率有多高这里就不解释了。下面我们直接看怎么用
在data节点下的variable下type引用android.view.View.OnClickListener。

Button按钮直接引用”myClick”

长按事件
长按事件的button，首先需要分配一个id给Button

在Activity中，使用数据绑定，直接引用按钮id。完整代码如下

public class ClickActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityClickBinding bing=DataBindingUtil.setContentView(this, R.layout.activity_click);

//事件绑定 – 单击
bing.setMyClick(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ClickActivity.this,“发生了点击事件”,Toast.LENGTH_SHORT).show();
}
});

//事件绑定 – 长按
bing.btnLongClick.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
Toast.makeText(ClickActivity.this,“发生了长按事件”,Toast.LENGTH_SHORT).show();
return false;
}
});
}
}

最后运行之后，看下效果图。

▲5 . 绑定ListView
Listview在实际开发中使用频率同样很高，看了上面那么多例子。就知道Databinding绑定ListView一样简单。接下来看一组美图。

看完之后，能看出布局其实就是一张ImageView，底下加一个TextView。例子很简单，然后看下如何实现。首先需要新建一个美女的实体类，我们先定义Beauty,beautyNum就是美女底下的TextView文本。

public class Beauty {
public String beautyNum;
public String imageUrl;

public Beauty(String beautyNum, String imageUrl) {
this.beautyNum = beautyNum;
this.imageUrl = imageUrl;
}

@BindingAdapter({“imageUrl”})
public static void beautyImage(ImageView imageView, String url) {
Glide.with(imageView.getContext()).load(url).into(imageView);
}
}

然后看下主布局activity_listview.xml，在data节点下的variable下type引用android.widget.BaseAdapter。

<?xml version="1.0" encoding="utf-8"?>

然后ListView的item布局item_listview.xml,同样比较简单，在这不做解释。

<?xml version="1.0" encoding="utf-8"?>

有ListView的地方，十有八九就有适配器。这里介绍一个终极适配器的写法MyBaseAdapter。尽管这里仅仅是给美女使用的适配器，但是已经说明了是终极写法。我们就不叫它美女适配器了。

public class MyBaseAdapter extends BaseAdapter {

private List list;
private int layoutId;
private int variableId;
private LayoutInflater mInflater;

public MyBaseAdapter(Context context, List list, int layoutId, int variableId) {
this.list = list;
this.layoutId = layoutId;
this.variableId = variableId;
this.mInflater = LayoutInflater.from(context);
}

@Override
public int getCount() {
return list.size() == 0 ? 0 : list.size();
}

@Override
public Object getItem(int position) {
return list.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewDataBinding dataBinding;
if (convertView == null) {
dataBinding = DataBindingUtil.inflate(mInflater, layoutId, parent, false);
} else {
dataBinding = DataBindingUtil.getBinding(convertView);
}
dataBinding.setVariable(variableId, list.get(position));

return dataBinding.getRoot();
}
}

然后解释下其中几个变量

Context context：上下文，不比多说
List list：传进来的数据集合，不解释
int layoutId： item布局的资源id
int variableId：系统自动生成的
※ 注意布局加载方式为DataBindingUtil类中的inflate方法
最后看下ListViewActivity完整代码

public class ListViewActivity extends Activity {
private List list;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityListviewBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_listview);

list = new ArrayList<>();
//加载数据
initData();

MyBaseAdapter adapter = new MyBaseAdapter<>(ListViewActivity.this, list, R.layout.item_listview, BR.beauty);
binding.setAdapter(adapter);
}

void initData() {
Beauty beauty1 = new Beauty(“第一个美女”, “http://img2.imgtn.bdimg.com/it/u=3988249408,1489015532&fm=21&gp=0.jpg”);
Beauty beauty2 = new Beauty(“第二个美女”, “http://img4.imgtn.bdimg.com/it/u=2579627311,3580753633&fm=21&gp=0.jpg”);
Beauty beauty3 = new Beauty(“第三个美女”, “http://img5.imgtn.bdimg.com/it/u=539171541,1245868076&fm=23&gp=0.jpg”);
Beauty beauty4 = new Beauty(“第四个美女”, “http://img1.imgtn.bdimg.com/it/u=3494499027,4116428522&fm=23&gp=0.jpg”);
Beauty beauty5 = new Beauty(“第五个美女”, “http://img4.imgtn.bdimg.com/it/u=645329305,336210525&fm=23&gp=0.jpg”);
list.add(beauty1);
list.add(beauty2);
list.add(beauty3);
list.add(beauty4);
list.add(beauty5);
}
}

最后运行之后，结果如上图。有兴趣的朋友再拖回去看一遍，反正下面没有美女了~~

6 . 数据更新

Databinding的数据更新同样惹人喜欢。最主要的是代码简洁明了，UI还同步更新。
首先看下效果图

数据更新可以使用如下两种方式，分别对学生文本和老师文本进行修改
让实体类(Student)继承自BaseObservable
给需要改变的字段的get方法添加上@Bindable注解，然后给需要改变的字段(例如name)的set方法加上notifyPropertyChanged(BR.name);字段number同理，在set方法内加上notifyPropertyChanged(BR.number);

public class Student extends BaseObservable {
@Bindable
public String name;
@Bindable
public String number;

public Student() {
}

public Student(String name, String number) {
this.name = name;
this.number = number;
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
notifyPropertyChanged(BR.name);
}

public String getNumber() {
return number;
}

public void setNumber(String number) {
this.number = number;
notifyPropertyChanged(BR.number);
}
}

** 使用DataBinding提供的ObservableFields来创建实体类**
Teacher实体类,这个更加简单，几行代码搞定

public class Teacher extends BaseObservable {
public ObservableField name = new ObservableField<>();
public ObservableField number = new ObservableField<>();

public Teacher() {
}

public Teacher(String name, String number) {
this.name.set(name);
this.number.set(number);
}
}

然后看下布局文件activity_data_notify代码,跟上文描述的基本类似，这里不再过多赘述。

<?xml version="1.0" encoding="utf-8"?>