RecyclerView的重构之路(七)

目标

本篇是RecyclerView的重构之路系列的第七篇, 讲解IDouban项目中RecylcerView.ViewHolderRecylcerView.Adapter的重构。目的是 干掉功能以及代码类似的BookAdpaterMoviesAdapter。抱歉,到现在才切入正题,我承认是标题党

代码分析

在做重构之前,回顾下,所写的代码功能: 获取书籍并展示,获取电影并展示。

代码目录结构

重构前后对比图

有同学会说,木丁老师,重构代码是越写越多啊? 文件也还增加了。注意,小智同学,重构的目的是解耦!是让废代码、重复代码消失,让扩展性好一些。不能以文件数量多少,代码多少为标准。IDouban除了RecyclerView之外,还有很多废代码。
如图所示,右边添加了新包common,存放通用类, 暂时添加了Adapter, ViewHolder2个类。

关键类继承图

类继承图

本次重构需要干掉BookAdapter, MoviesAdapter, 细看上图, 红框代表重构之前的ViewHolder & xxxAdapter 类继承关系。篮框代表重构之后的ViewHolder & Adapter, 注意其中,BookAdapter, MoviesAdapter不见了,取代他们是类Adapter, 并且使用了泛型。

关键代码

从2个方面展开, 1. ViewHolder; 2. Adapter

ViewHolder

public abstract class ViewHolder<T> extends RecyclerView.ViewHolder {
    protected T itemContent;

    public ViewHolder(@NonNull View itemView) {
        super(itemView);
    }

    public void updateItem(T itemContent) {
        this.itemContent = itemContent;
        onBindItem(itemContent);
    }

    protected abstract void onBindItem(T itemContent);

    public interface Builder<VH> {
        VH build(View itemView);
    }
}

ViewHolder类继承自RecyclerView.ViewHolder并且使用泛型, 其中T表示泛型,这里理解为BookMovies... ...

  • ViewHolder构造方法必须写
  • updateItem(T itemContent) {...}提供给Adapter使用
  • onBindItem是在ViewHolder具体子类中使用。因为,不同的ViewHolder绑定的布局内容是不一致的
  • interface Builder<VH> 获得传入Adapter中的是哪种ViewHolder实例

Adapter

public class Adapter<T, VH extends ViewHolder<T>> extends RecyclerView.Adapter<VH> {
    List<T> data;
    ViewHolder.Builder<VH> builder;

    @LayoutRes
    int layoutResId;

    public Adapter(@NonNull List<T> data, @LayoutRes int layoutResId, ViewHolder.Builder<VH> builder) {
        this.data = data;
        this.layoutResId = layoutResId;
        this.builder = builder;
    }

    @NonNull
    @Override
    public VH onCreateViewHolder(ViewGroup parent, int viewType) {
        View itemView = LayoutInflater.from(parent.getContext()).inflate(layoutResId, parent, false);
        return builder.build(itemView);
    }

    @Override
    public void onBindViewHolder(VH holder, final int position) {
        if (holder == null) return;
        holder.updateItem(data.get(position));
    }

    @Override
    public int getItemCount() {
        return data.size();
    }

    public void setData(List<T> data) {
        this.data = data;
        notifyDataSetChanged();
    }

    public T getItem(int pos) {
        return data.get(pos);
    }
}
  1. public class Adapter<T, VH extends ViewHolder<T>> extends RecyclerView.Adapter<VH>
    Adapter的是一个桥, 链接 数据 和 ViewHolder, 这里的Adapter是泛型类,其中的T表示BookMovies等,VHViewHolder<T>的子类,这里约束了VH必须是我们自定义的ViewHolder
    简单来说,AdapterRecyclerView.Adapter<VH>的子类,并且,Adapter是泛型类。

  2. List<T> data; 存放外界传入的数据列表

  3. ViewHolder.Builder<VH> builder;用于onCreateViewHolder方法中获取特定的ViewHolder子类

  4. int layoutResId; 传入RecyclerViewitemview所需布局id

  5. public Adapter(@NonNull List<T> data, @LayoutRes int layoutResId, ViewHolder.Builder<VH> builder)
    构造方法,传入关键性参数。

  6. onCreateViewHolder必须实现的方法, 难点在于, 无法直接return 出所需要的VH, 因为VH是泛型化,这里没法直接通过 return new VH(itemview)方式获得实例,需要在某个调用点的地方才知道传入的是哪种ViewHolder的子类。此处借鉴Builder模式,在使用到的时候,才建造对应的ViewHolder子类对象。

  7. onBindViewHolder 必须覆盖的方法,其中关键是 holder.updateItem()方法。

  8. getItemCount 必须覆盖的方法, 用于确定有多少数据。

  9. setData 外界更新数据列表

  10. getItem 让外界获取对应pos的数据, 暂未使用!

上述代码, 其中, 第6点不好理解, 其他不难。

如何使用

关键点是Adpater的初始化。

mBookAdapter = new Adapter<>(mBookList, R.layout.recyclerview_book_item, new ViewHolder.Builder<BookViewHolder>() {
                @Override
                public BookViewHolder build(View itemView) {
                    return new BookViewHolder(itemView);
                }
            });
mMovieAdapter = new Adapter<>(mMoviesList, R.layout.recyclerview_movies_item, new ViewHolder.Builder<MoviesViewHolder>() {
                @Override
                public MoviesViewHolder build(View itemView) {
                    return new MoviesViewHolder(itemView);
                }
            });

github代码

本篇代码已经上传github, 并且添加的tag release_02版本,查看第一次重构后的代码直接使用如下方法:

但是这时候 git 可能会提示你当前处于一个“detached HEAD" 状态,因为 tag 相当于是一个快照,是不能更改它的代码的,如果要在 tag 代码的基础上做修改,你需要一个分支:

git checkout -b your_branch_name release_02

这样会从 tag 创建一个分支,然后就和普通的 git 操作一样了。

您要是觉得好,请点个赞,加个星!

RecyclerView的重构之路(八)

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

推荐阅读更多精彩内容