轻松理解Android Adapter

先说几句废话

其实这个概念实在太抽象了,大家可能会知道他是连接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里还有那么多方法呢比如下面这几个


Adapter.png

这几个方法呢, 我们可以让这个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)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 198,030评论 5 464
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,198评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 144,995评论 0 327
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,973评论 1 268
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,869评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,766评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,967评论 3 388
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,599评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,886评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,901评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,728评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,504评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,967评论 3 302
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,128评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,445评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,018评论 2 343
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,224评论 2 339

推荐阅读更多精彩内容