封装一个有扩展性的刷新库

让自己的库易于扩展

浅谈本人的封装抽离思路


基于之前分享的 《基于NestScroll机制实现下拉刷新 overScroll 等》


将之前库进行,头尾布局拆分、抽离易于扩展。


2017-09-02-11-55-26.gif

1.相比之前做了些什么?

  • 新的头尾布局,继承RefreshWrapBase 根据自身需求,实现下拉,上拉过程中动画,文字等相关变化
  • 默认实现了一个DefaultRefreshWrap,同时包含头尾布局

2.思路

  • 无论是上拉刷新,下拉加载,要完成完整过程动画需要知道以下几点
    1. 滑动的过程值(用于过程动画及文字变化)
    2. 正在刷新状态 (正在刷新动画)
    3. 完成状态 (完成状态下,让动画结束或文字改变)

定义一个BaseClass将需要的方法申明

    /**
     * 拉动过程
     * @param pull
     */
    public abstract void onPull(int pull);

    /**
     * 处于刷新状态下调用
     */
    public abstract void onRefresh();

    /**
     * 刷新完整调用
     */
    public abstract void onComplete();
  • 父布局在滑动,或刷新完成过程中,只需要将值和状态传给header和footer。 header和footer 自己实现不同布局,不同组件的动画
  • 我打算header或footer用同一个BaseClass.不同头布局 或者尾部局只要实现baseClass就行
  • 由于要把头尾布局添加到父ViewGroup的头部或尾部,BaseClass需要知道以下几点
    1. 用户实现的是头布局还是尾部局(头布局就添加到头容器,尾容器。。。)
    2. 获取Context以及父布局的头尾容器(Context用于LayoutInflater,父布局头尾容器用于将头尾布局添加到父ViewGroup)

获取父布局的相关属性,定义如下接口,让父View实现

public interface WrapInterface {
    LinearLayout getHeaderLayout();
    LinearLayout getFootLayout();
    Context getContext();
}

将wrapInterface 和是否是头尾布局通过构造函数传入

public RefreshWrapBase(WrapInterface parent,boolean header){
        this.header=header;
        this.parent=parent;
        //加载自定义布局
        viewLayout =LayoutInflater.from(parent.getContext()).inflate(getLayout(),parent.getHeaderLayout(),false);
        //抽象方法,让子类实现,获取组件做相应动画
        initViews();
        //将自定义布局添加到父头、尾布局
        addRefreshtoParent();
    }
    
    
    
     /**
     * 将布局添加到父ViewGroup
     * @param
     */
    protected void addRefreshtoParent(){
        LinearLayout wrapParent = header ? getHeaderWrapParent() : getfooterWrapParent();
        wrapParent.removeAllViews();
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getHeight());
        params.gravity = Gravity.CENTER_VERTICAL;
        wrapParent.setOrientation(LinearLayout.HORIZONTAL);

        if (header)
            params.topMargin = -getHeight();

        wrapParent.setLayoutParams(params);
        wrapParent.addView(viewLayout);
    }


    /**
     * 获取父View头容器
     * @param
     * @return
     */
    protected LinearLayout getHeaderWrapParent(){
        return parent.getHeaderLayout();
    }

    /**
     * 获取父View尾容器
     * @param
     * @return
     */
    protected LinearLayout getfooterWrapParent(){
        return parent.getFootLayout();
    }

3.默认实现 继承Base

  1. getLayout 中返回当前自定义布局id,getHeight()设置布局高度
  2. 在initView中获取参与滑动的组件,设置初始值
  3. onPull()方法中根据值做执行过程动画
  4. onRefresh()正在刷新时的方法
  5. onComplete()刷新完成的方法
  6. OnDetachFromWindow()进行销毁操作
public class DefaultRefreshWrap extends RefreshWrapBase {
    private static String[] pulldown = {"下拉刷新", "释放刷新", "正在刷新", "刷新完成"};
    private static String[] pullup = {"上拉加载", "释放加载", "正在加载", "加载完成"};

    ImageView progress;
    TextView headTitle;

    private RotateAnimation animation;

    /**
     * 构造调用intViews初始化组件
     *
     * @param parent
     * @param header
     */
    public DefaultRefreshWrap(WrapInterface parent, boolean header) {
        super(parent, header);
    }
    /**
     * 高度
     *
     * @return
     */
    @Override
    public int getHeight() {
        return dp2px(45);
    }
     /**
     * 返回自定义布局id
     */
    @Override
    public int getLayout() {
        return R.layout.pull_to_refreshlayout;
    }
     /**
     * 滑动过程下调用
     */
    @Override
    public void onPull(int pull) {
        if (Math.abs(pull) >= getHeight()) {
            String headerstr = this.header ? pulldown[1] : pullup[1];
            if (headerstr != headTitle.getText().toString())
                headTitle.setText(headerstr);
        } else {
            String footstr = header ? pulldown[0] : pullup[0];
            if (footstr != headTitle.getText().toString())
                headTitle.setText(footstr);
        }
        progress.setRotation(pull);
    }
     /**
     * 处于刷新状态下调用
     */
    @Override
    public void onRefresh() {
        startRotate();
        headTitle.setText(header ? pulldown[2] : pullup[2]);

    }
     /**
     * 调用刷新完成时调用
     */
    @Override
    public void onComplete() {
        if (animation != null)
            animation.cancel();
        headTitle.setText(header ? pulldown[3] : pullup[3]);
    }
     /**
     * 初始化组件
     */
    @Override
    public void initViews() {
        progress = (ImageView) viewLayout.findViewById(R.id.pull_to_refresh_image);
        headTitle = (TextView) viewLayout.findViewById(R.id.pull_to_refresh_text);
        String title = header ? pulldown[0] : pullup[0];
        headTitle.setText(title);
    }
     /**
     * OnDetachFromWindow下调用
     */
    @Override
    public void OnDetachFromWindow() {
        progress = null;
        headTitle = null;
        if(animation!=null)
        animation.cancel();
        animation = null;
    }

    private int dp2px(int dp) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, viewLayout.getResources().getDisplayMetrics());
    }

    /**
     * 下拉progress的动画
     */
    private void startRotate() {
        if (animation == null) {
            animation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
            animation.setDuration(430);
            animation.setRepeatCount(-1);
        } else {
            animation.cancel();
        }

        progress.startAnimation(animation);
    }
}

4.header或footer的传入

  1. 通过addHeader()addFooter()传入头尾布局
  2. 或者addDefaultHeaderFooter()来设置初始
   public SRecyclerView addHeader(RefreshWrapBase wrapBase) {
        this.headerRefreshWrap = wrapBase;
        return this;
    }

    public SRecyclerView addFooter(RefreshWrapBase wrapBase) {
        this.footerRefreshWrap = wrapBase;
        return this;
    }
    
    
   public SRecyclerView addDefaultHeaderFooter() {
       headerRefreshWrap = new DefaultRefreshWrap(this, true);
       footerRefreshWrap = new DefaultRefreshWrap(this, false);
       return this;
    }
    

5.使用(可参考上篇文章)

lib同样实现了RecyclerView和ScrollView
《基于NestScroll机制实现下拉刷新 overScroll 等》

 recyclerView.addDefaultHeaderFooter()
             .addHeader(new DefaultRefreshWrap(this,true)
             .addfooter(new DefaultRefreshWrap(this,false)

6.总结:

同之前一样,本文也只是提供一些拆分,扩展思路。
毕竟水平有限,一个全面的封装要考虑太多。


总之适合自己的才是最好的。

Github地址

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

推荐阅读更多精彩内容