dataBinding与ListView及事件
2015年Google IO大会分布了DataBinding库,能够更快捷便利的实现MVVM结构模式。但是,通过对DataBinding的学习,其中踩过得坑,今天要在这里记录一下。对于DataBinding一些比较基础的使用,在这里就不在记录了,毕竟现在Google一下,出来很多的教程,而且,android developer官网中,也已经对其基本使用方法做了详细介绍,有英语基础的童鞋,还是去看比较官方的文章。如果英文基础不太好的,https://realm.io/cn/news/data-binding-android-boyar-mount/推荐这个博客,会有很大收获的,同时,谢谢棉花糖的这篇文章,解决了很多的疑惑。
关于配置环境:
2.0以上的 Android Studio 已经内置了对 Android Data Binding 框架的支持,配置起来也很简单,只需要在 app 的 build.gradle 文件中添加下面的内容就好了
dataBinding{ enabled = true }
但是,gradle的版本,至少得是1.5.0以上,否则配置会很麻烦。因为本人使用的Android studio版本是2.1.3,gradle也更改成了2.1.3,所以,不需要做过多的设置。但是有一点,Android studio对DataBinding的支持还不是完全的兼容,有些地方确实有点坑。
关于使用:
最近,把之前写的一个小项目,更改成了DataBinding的架构模式。感觉Android studio2.1.3版本已经很新了,但是对于一些属性的提示还不是很好,并不是完全支持的。比较基础的使用方法,在这里就不在提了,主要是写一下对ListView以及GridView的使用,还有就是对adapter的写法,以及点击跳转的事件。
首先,先是写一个ListView或者GridView的xml文件,代码如下:
<?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <data> <variable name="adapter" type="android.widget.BaseAdapter"/> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ListView android:id="@+id/list_view" android:layout_width="match_parent" android:layout_height="match_parent" app:adapter="@{adapter}"/> </LinearLayout> </layout>View Code
重点在app:adapter="@{adapter}"这句话中,主要是自定义一个adapter,来对ListView或者GridView进行数据的绑定。
然后,最主要的,其实就是适配器的写法。在以往的写法中,BaseAdapter肯定需要ViewHolder来进行视图的绑定,并且做缓存。那么,在DataBinding中,完全不需要ViewHolder,而且,针对单布局的话,完全可以写个通用的adapter,针对一般的小项目,这个adapter完全的够用,那么,现在先来随便写一个adapter的item的xml文件,代码如下:
<?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <data> <variable name="userbean" type="com.lqy.newtestdemo.UserBean"/> </data> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:padding="10dp"> <ImageView android:id="@+id/image" android:layout_width="150dp" android:layout_height="100dp" android:layout_marginRight="5dp" app:imageUrl="@{userbean.picUrl}"/> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toRightOf="@id/image" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{userbean.title}" android:textColor="@android:color/black" android:textSize="20sp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:text="@{userbean.ctime}"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:text="@{userbean.description}"/> </LinearLayout> </RelativeLayout> </layout>View Code
可以看到,布局中,主要是通过data中的variable属性来标识一个变量名,在控件中,只需要android:text="@{userbean.title}",就能进行变量的赋值,这个在基础用法中都有说明,这里就不在论述。下面就是重点了,关于BaseAdapter的写法,废话不多说,直接上代码:
package com.lqy.newtestdemo; import android.content.Context; import android.databinding.DataBindingUtil; import android.databinding.ViewDataBinding; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import java.util.List; /** * 通用的adapter * Created by LQY on 2016/10/10. */ public class ListAdapter<T> extends BaseAdapter { private Context context; private List<T> list; private int layoutId;//单布局 private int variableId; public ListAdapter(Context context, List<T> list, int layoutId, int variableId) { this.context = context; this.list = list; this.layoutId = layoutId; this.variableId = variableId; } @Override public int getCount() { return 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 binding = null; if (convertView == null){ binding =DataBindingUtil.inflate(LayoutInflater.from(context),layoutId,parent,false); } else { binding = DataBindingUtil.getBinding(convertView); } binding.setVariable(variableId,list.get(position)); return binding.getRoot(); } }View Code
在这里可以看到,完全看不到ViewHolder的踪迹,而且,只需几行的代码,就能将适配器写好,并且,可以用到多个ListView或者GridView中,adapter设置好以后,只需要在Activity中加入这样两句话就可以:
ListAdapter<UserBean> adapter = new ListAdapter<>(MainActivity.this, list, R.layout.item, BR.userbean); binding.setAdapter(adapter);
binding怎么来的,这里就不在论述,请大家去看基础使用方法。那么,在写一个通用的adapter的时候,我们可以看到ListAdapter的泛型所代表的,其实就是一个Bean文件,是你需要赋值的那个文件。list代表的是一个List的列表值,这个列表可以是你在Json解析出来得列表值,也可以是你通过list.add所附的值,这些就要看你项目的需要了。最坑的地方在BR上,BR说起来就跟项目本身会产生的R文件是一个道理,只不过,BR是DataBinding所产生的一个R文件,也需要导入一个BR的包,当然,如果项目没什么问题的,Android studio会提醒这个BR值导包的。我踩到的坑是,明明代码中没有任何问题,也没有错出现,第一次运行成功了,第二次在运行的时候,就提示BR文件找不到,包删了重新导都导不进去,clean一下不管用,包还是导不进去,Rebuild一下,提示找不到BR包,怎么都过不去。最后我只能把整个Android studio关掉在重新打开,发现BR包导进去了,然后也没BUG了,运行也成功了。。。所以,如果你也遇到这种情况了,就请关闭Android studio并且重新打开一下,如果还没好,就证明你的程序其实是有错误的,仔细找找就好。差不多就这个样子吧。
下面还有一个问题,那就是关于点击跳转的问题。在其他的一些教程里面,可能只写到了onClick事件的绑定,其中能实现的,就是改变当前数值或者字段。但是,还没一些教程来讲如何进行跳转。现在我就来讲一下跳转如何实现,先看代码:
binding.listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Intent intent = new Intent(MainActivity.this, WebActivity.class); intent.putExtra("url", list.get(position).getUrl()); startActivity(intent); } });
在Activity页面,还可以使用setOnItemClickListener方法。之前在调用setOnItemClickListener方法的时候,先是定义一个ListView的变量名,然后findByViewId来关联上xml文件的ListView的ID值,然后才能调用其方法。用了DataBinding以后,只要用binding.listView就可以直接调用点击事件,完全不需要在findByViewId,而listView其实就是xml里面的ID值,而这个变形的ID值其实是DataBinding根据ID值自动生成的,你只需要记得你起的名字是什么,根据大概的规律来找到自己定义的ID就好,这里并没有什么难度。不光ListView可以这样用,这个同样适用于GridView。我在项目中也用到了GridView,亲测这个ListAdapter同样适用于GridView。并且,在我的项目里,是一个页面用到了两个GridView,只需要在data中定义两个不同的variable值,并且name的定义名称要定义不同的名字,这样就可以同时使用一个ListAdapter了,后期我会将源码放上来,这里只是记录一下我使用的方法,以及需要注意的地方。
有写的不对的地方希望大伙指出来,也希望我这篇文章能帮到正在DataBinding中挣扎的童鞋。