先说几句废话
其实这个概念实在太抽象了,大家可能会知道他是连接View和数据的桥梁,但是具体怎么去理解这个东西呢。通过看这篇文章我相信,每个人对适配器都会有个深入的理解,这个是我自己,跟市面上能找到的资料完全不一样。相信你会喜欢的,如果喜欢就关注我吧。
基础知识
学这篇文章之前,希望对ListView有个简单了解,最少能使用一个简单的写一个列表看看效果嘛。如果不会看看这篇文章。
Android UI入门(第二章:ListView控件的使用)
文章之前用系统的功能实现了一个ListView并且显示到了手机上。这个过程中用到了适配器Adapter。那么为什么使用适配器呢?适配器又是一个什么东西,如何更深入的理解适配器?这个就是我今天要带大家学习的。
之前我们用系统的封装的ListView来实现显示一个列表。
下面我要带大家不用系统的内容实现一个列表。通过实现列表的过程去理解什么事Adapter。类似于我们自己实现一个Adapter。是不是感觉挺高大上的?别误会,我们只是通过简易的代码去模拟一下Adapter而已。
用已知的知识写一个ListView 的效果
首先我们来写一个布局,大家都知道ListView的布局是线性的,那么我们要实现的也是一个线性布局,这里使用了LinearLayout。
布局代码是这样的
<LinearLayout
android:id="@+id/ll_group_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
</LinearLayout>
只是一个简单的LinearLayout添加了一个id没有其他任何东西。我们代码里引用这个LinearLayout,然后往里面添加布局文件。这里使用循环去添加。代码大概是这样的
private void addViews() {
LayoutInflater inflater = LayoutInflater.from(this);
for (int i = 0; i < 20; i++) {
View convertView = inflater.inflate(R.layout.item_user, null);
ll_group_view.addView(convertView);
}
}
这里插一句LayoutInflater这个类我没讲,这个类可以让我们根据布局文件创建一个View。创建的View的内容跟布局文件是一样的
这个item_user就是我昨天写listview时候使用的,直接拿来用了,源码在前面介绍的文章里面有。这个item_user可以替换成你自己的任何item的视图。
现在就来运行下看看效果吧
Activity代码其实非常简单完整代码大约只有这么写
public class ScollViewActivity extends AppCompatActivity {
LinearLayout ll_group_view;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_scoll_list);
ll_group_view = (LinearLayout) findViewById(R.id.ll_group_view);
addViews();
}
private void addViews() {
LayoutInflater inflater = LayoutInflater.from(this);
for (int i = 0; i < 20; i++) {
View convertView = inflater.inflate(R.layout.item_user, null);
ll_group_view.addView(convertView);
}
}
}
运行起来的效果,跟我们使用ListView的效果区别不大,看上去有两个大问题,一个是下划线,还有一个就是不能滑动。下划线这个东西不是重点,这里先不多介绍了,至于滑动确实是必须解决的问题。如何让我的View可以滑动呢,其实也很简单,在LinearLayout 外层嵌套一个ScrollView就行了。ScrollView是Android封装好的一个视图类。修改下布局文件重新运行就ok了
新的布局文件是这样的
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/ll_group_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
</LinearLayout>
</ScrollView>
运行起来看看效果把,是不是跟ListView除了下划线都一模一样呢?还真是,还能滑动。这个过程我没有把List加入到项目里,现在我去把List加进去。直接拿昨天的代码加上。然后布局里根据用户信息去配置。来个源码
完整的Activity源码就是这个样子。
public class ScollViewActivity extends AppCompatActivity {
LinearLayout ll_group_view;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_scoll_list);
ll_group_view = (LinearLayout) findViewById(R.id.ll_group_view);
List<UserBean> userList = new ArrayList<UserBean>();
for (int i = 0; i < 10; i++) {
UserBean user = new UserBean();
user.setName("name:" + i);
userList.add(user);
}
addViews(userList);
}
private void addViews(List<UserBean> userList) {
LayoutInflater inflater = LayoutInflater.from(this);
for (int i = 0; i < userList.size(); i++) {
View convertView = inflater.inflate(R.layout.item_user, null);
String userName = userList.get(i).getName();
TextView tv_name = (TextView) convertView.findViewById(R.id.tv_name);
tv_name.setText(userName);
ll_group_view.addView(convertView);
}
}
}
好了看看我们运行后的效果吧
这个是可以上下滑动的。基本跟我们之前的ListView 一模一样。
通过上面我们自己写的程序来对比ListView。既然我们能这样写一个列表为什么还要去使用ListView 这个控件呢?
第一个重要的原因就是,效率。即使现在手机速度很快了,如果无限制的addView 的话也会造成手机卡顿,内存溢出,程序崩溃的。如果这个页面有十万条数据,我们的方式可是创建了10w个View的。而ListView的实现就巧妙的多了。他的实现是只创建屏幕显示的view。如果我们屏幕能显示8条数据,当我们往上滑动的时候,第一条出现在屏幕外面的View它会拿来复用,添加到屏幕下面,往下滑动的时候,会把最下面出屏幕的View添加到屏幕最上面,这样依次类推,无限的循环使用View。整个过程ListView只创建了8个item的视图。而我们的呢?就特别多了。
第二个作用就是封装。封装好了之后我们不管是复杂的布局还是简单的布局都可以根据一个统一的模式去使用,这个模式就是Adapter。封装好了之后Adapter其实可以用在任何ListView 之上的,还可以复用,还能实现复杂的布局,而我们的写法,却达不到这些需求的。
那么我们继续分析一下Adapter吧。
其实Adapter最重要的方法就是这个getView方法了。
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = LayoutInflater.from(mContext).inflate(R.layout.item_user, null);
}
String userName = userList.get(position).getName();
TextView tv_name = (TextView) convertView.findViewById(R.id.tv_name);
tv_name.setText(userName);
return convertView;
}
这个是我昨天写的,ListView使用的,有没有发现跟今天写的for循环里面的几乎一模一样。其实这个方法就是关联item的视图和数据的方法。这里都是通过LayoutInflater去创建布局的,知识Adapter里面可以复用而已。
下面的赋值跟使用普通的View没什么区别,最后返回这个View就可以了。
那么为什么Adapter里还有那么多方法呢比如下面这几个
这几个方法呢, 我们可以让这个ListView更加强大,比如我们的List其实只有5条数据,有时候我们希望默认第一条数据是个固定的内容,不在list里面。这个实现比一般的ListView复杂一些,但是通过Adapter还是能很容易实现。如果实现了大家会发现这个ListView显示的数量其实比List的内容多了1,而不是List的长度。那么我们就应该有个方法去告诉ListView,我们的真实长度是多少,这些都封装到Adapter里面了就是我们看到的getCount方法,他返回的就是ListView显示的真实的长度,我们微信调用上传图片功能的时候,会显示一个图片列表,第一个图是个相机图案,这个功能就可以这么去实现,知识那个是GridView,GridView和ListView的Adapter其实是一样的,可以通用的。另外两个方法一个是根据索引去获取我们的数据,一个是获取id。一般情况下我们这个id位了封装都直接返回position。
讲到这里,大家是不是发现其实ListView和Adapter其实也没那么复杂呢。
在开发过程中我们一般都会自己封装一个Adapter。把这些方法封装进去,我们使用的时候是继承我们自己封装的Adapter的,一般情况下只去实现getView方法。就够了,这里给出一个最初级的封装。大家可以直接拿去使用的。
封装初级的Adapter
大家有没有发现,每次写Adapter的时候都要写好多方法,基本都是一样的,看着都好烦,那么这个我们就可以把那些同质化的东西封装起来实现一个先的BaseAdapter,然后用户只需要实现getView方法就可以了。
直接给出源码看看
public abstract class ICBaseAdapter<T> extends BaseAdapter {
protected Context mContext;
protected List<T> mList ;
public ICBaseAdapter(Context context, List<T> list) {
this.mContext = context;
this.mList = list;
}
@Override
public int getCount() {
return mList.size();
}
@Override
public Object getItem(int position) {
return mList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public abstract View getView(int position, View convertView, ViewGroup parent) ;
}
这里只是把之前的UserBean用泛型替换掉了,以后使用的时候传一个泛型的列表就行了,我们默认实现那几个烦人的方法,只留下getView给子类实现。
看看怎么用吧
我新建了一个Adapter起名NewUserListAdapter ,然后我通过继承ICBaseAdapter来实现,这个类需要一个泛型属性,就是我们list的泛型而已。然后只需要实现他的getView方法就好了。是不是很方便呢
public class NewUserListAdapter extends ICBaseAdapter<UserBean> {
public NewUserListAdapter(Context context, List<UserBean> list) {
super(context, list);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = LayoutInflater.from(mContext).inflate(R.layout.item_user, null);
}
String userName = mList.get(position).getName();
TextView tv_name = (TextView) convertView.findViewById(R.id.tv_name);
tv_name.setText(userName);
return convertView;
}
}
看着是不是比之前的清爽了许多。使用起来已经方便不少了,不过以后还有更好的封装和优化的。如果觉得不错,关注我吧
联系方式
QQ群 121915371 (建议加群咨询)
QQ号 1400100300 (个人QQ)