SmartRefreshLayout自定义头部刷新和底部加载

最新推荐文章于 2024-08-16 09:24:59 发布
最新推荐文章于 2024-08-16 09:24:59 发布
阅读量2.2k 收藏 3
点赞数 2
分类专栏： Android Studio Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32898021/article/details/108381310
版权

1.添加依赖
implementation ‘com.scwang.smartrefresh:SmartRefreshLayout:1.0.3’
implementation ‘com.scwang.smartrefresh:SmartRefreshHeader:1.0.3’
2.自定义头部

public class MRefreshHeader extends LinearLayout implements RefreshHeader {

    private ImageView mImage;
//    private AnimationDrawable mAnimPull;
//    private AnimationDrawable mAnimRefresh;
    private Animation mAnimRefresh,mAnimPull;

    /**
     * 1，构造方法
     */
    public MRefreshHeader(Context context) {
        this(context, null, 0);
    }

    public MRefreshHeader(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MRefreshHeader(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        View view = View.inflate(context, R.layout.m_refresh_header, this);
        mImage = view.findViewById(R.id.iv_refresh_header);
    }

    /**
     * 2，获取真实视图（必须返回，不能为null）一般就是返回当前自定义的view
     */
    @NonNull
    @Override
    public View getView() {
        return this;
    }

    /**
     * 3，获取变换方式（必须指定一个：平移、拉伸、固定、全屏）,Translate指平移，大多数都是平移
     */
    @NonNull
    @Override
    public SpinnerStyle getSpinnerStyle() {
        return SpinnerStyle.Translate;
    }

    /**
     * 4，执行下拉的过程
     *
     * @param percent
     * @param offset
     */
    @Override
    public void onPullingDown(float percent, int offset, int headerHeight, int extendHeight) {
        if (percent < 1) {
            mImage.setScaleX(percent);
            mImage.setScaleY(percent);
        }
    }

    /**
     * 5，一般可以理解为一下case中的三种状态，在达到相应状态时候开始改变
     * 注意：这三种状态都是初始化的状态
     */
    @Override
    public void onStateChanged(@NonNull RefreshLayout refreshLayout, @NonNull RefreshState oldState, @NonNull RefreshState newState) {
        switch (newState) {
            //1,下拉刷新的开始状态：下拉可以刷新
            case PullDownToRefresh:
                mImage.setImageResource(R.drawable.icon_refresh_line_loading_black);
                break;
            //2,下拉到最底部的状态：释放立即刷新
            case ReleaseToRefresh:
//                mImage.setImageResource(R.drawable.anim_pull_end);
//                mAnimPull = (AnimationDrawable) mImage.getDrawable();
//                mAnimPull.start();
                mImage.setImageResource(R.drawable.icon_refresh_line_loading_black);
                break;
            //3,下拉到最底部后松手的状态：正在刷新
            case Refreshing:
//                mImage.setImageResource(R.drawable.anim_pull_refreshing);
//                mAnimRefresh = (AnimationDrawable) mImage.getDrawable();
//                mAnimRefresh.start();
                mImage.setImageResource(R.drawable.icon_refresh_line_loading_black);
                mAnimRefresh = new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

                //ani.setFillAfter(boolean); true停留在旋转后的位置 false复位
                mAnimRefresh.setFillAfter(!mAnimRefresh.getFillAfter());
                mAnimRefresh.setDuration(500);
                mAnimRefresh.setRepeatCount(Animation.INFINITE);
                mImage.startAnimation(mAnimRefresh);
                break;
            default:
        }
    }

    /**
     * 6，结束下拉刷新的时候需要关闭动画
     *
     * @param refreshLayout
     * @param success
     * @return
     */
    @Override
    public int onFinish(@NonNull RefreshLayout refreshLayout, boolean success) {
//        if (mAnimRefresh != null && mAnimRefresh.isRunning()) {
//            mAnimRefresh.stop();
//        }
//        if (mAnimPull != null && mAnimPull.isRunning()) {
//            mAnimPull.stop();
//        }

        if (mAnimRefresh != null && mAnimRefresh.hasStarted()) {
            mAnimRefresh.cancel();
        }
        if (mAnimPull != null && mAnimPull.hasStarted()) {
            mAnimPull.cancel();
        }
        return 0;
    }

    @Override
    public void onReleasing(float percent, int offset, int headerHeight, int extendHeight) {

    }

    @Override
    public void onStartAnimator(@NonNull RefreshLayout refreshLayout, int height, int maxDragHeight) {

    }

    @Override
    public void setPrimaryColors(int... colors) {

    }

    @Override
    public void onInitialized(@NonNull RefreshKernel kernel, int height, int maxDragHeight) {

    }

    @Override
    public void onHorizontalDrag(float percentX, int offsetX, int offsetMax) {

    }

    @Override
    public boolean isSupportHorizontalDrag() {
        return false;
    }

}

头部xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:background="@color/white"
    android:padding="5dp"
    android:gravity="center"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_refresh_header"
        android:scaleX="0"
        android:scaleY="0"
        android:translationY="0dp"
        android:layout_width="24dip"
        android:layout_height="24dip" />
</LinearLayout>

3自定义尾部

public class MRefreshFooter extends LinearLayout implements RefreshFooter {

    private ImageView mImage;
    private Animation mAnim;

    public MRefreshFooter(Context context) {
        this(context, null, 0);
    }

    public MRefreshFooter(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MRefreshFooter(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        View view = View.inflate(context, R.layout.m_refresh_footer, this);
        mImage = view.findViewById(R.id.iv_refresh_footer);
        mAnim = AnimationUtils.loadAnimation(getContext(), R.anim.anim_round_rotate);
        LinearInterpolator linearInterpolator = new LinearInterpolator();
        mAnim.setInterpolator(linearInterpolator);

    }


    @NonNull
    @Override
    public View getView() {
        return this;
    }

    @NonNull
    @Override
    public SpinnerStyle getSpinnerStyle() {
        return SpinnerStyle.Translate;
    }

    @Override
    public void setPrimaryColors(int... colors) {

    }

    @Override
    public void onInitialized(@NonNull RefreshKernel kernel, int height, int maxDragHeight) {
        //控制是否稍微上滑动就刷新
        kernel.getRefreshLayout().setEnableAutoLoadmore(false);
    }

    @Override
    public void onPullingUp(float percent, int offset, int footerHeight, int extendHeight) {

    }

    @Override
    public void onPullReleasing(float percent, int offset, int footerHeight, int extendHeight) {

    }

    @Override
    public boolean setLoadmoreFinished(boolean finished) {
        return false;
    }

    @Override
    public void onStartAnimator(@NonNull RefreshLayout refreshLayout, int height, int maxDragHeight) {
    }

    @Override
    public int onFinish(@NonNull RefreshLayout refreshLayout, boolean success) {
        if(mAnim != null && mAnim.hasStarted() && !mAnim.hasEnded()){
            mAnim.cancel();
            mImage.clearAnimation();
        }
        return 0;
    }

    @Override
    public void onHorizontalDrag(float percentX, int offsetX, int offsetMax) {

    }

    @Override
    public boolean isSupportHorizontalDrag() {
        return false;
    }

    @Override
    public void onStateChanged(@NonNull RefreshLayout refreshLayout, @NonNull RefreshState oldState, @NonNull RefreshState newState) {
        switch (newState) {
            case None:
            case PullToUpLoad:
                if (mAnim != null) {
                    mImage.startAnimation(mAnim);
                }
                break;
            case Loading:

            case LoadFinish:

                break;
            case ReleaseToLoad:
                break;
            default:
        }
    }


}

尾部xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="5dp">

    <ImageView
        android:id="@+id/iv_refresh_footer"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:src="@drawable/icon_refresh_line_loading_black" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="底部"
        android:textSize="11sp" />
</LinearLayout>

4.使用示例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:orientation="vertical">

    <View
        android:id="@+id/fuzhu_line_v"
        android:layout_width="match_parent"
        android:layout_height="0.1dp" />

    <com.scwang.smartrefresh.layout.SmartRefreshLayout
        android:id="@+id/content_sfl"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white">

        <com.xxxx.xxx.xxx.MRefreshHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/content_rv"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@android:color/white" />

        <com.xxx.xxx.xxx.MRefreshFooter
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </com.scwang.smartrefresh.layout.SmartRefreshLayout>

</LinearLayout>

示例资源图片：
icon_refresh_line_loading_black

Stride.Xue
关注
专栏目录
android SmartRefreshLayout自定义刷新头部
72的博客
03-05 2243
今天上午让实现一下这个效果 这是写好的 1.监听下拉状态 实现refreshHeader接口实现此方法 通过监听newState状态来设置相对应的效果 public void onStateChanged(RefreshLayout refreshLayout, RefreshState oldState, RefreshState newState) { } 具体的状态比较多 可以通过自己需求来使用 None(0,false), ...
Android中SmartRefreshLayout自定义加载headview 小白级别
lplj717的博客
08-09 3239
先来看效果图 使用下拉刷新上拉加载控件SmartRefreshLayout，产品觉得要用UI设计的加载图，于是就有了小白级代码出来了，由于项目工期紧，就顺便写点吧，后期有时间还有这种冲动就来优化吧，使用SmartRefreshLayout的应该都知道它的结构大致： <SmartRefreshLayout> <ClassicsHeader>//刷新heade...
Android中SmartRefreshLayout的下拉刷新、上拉加载
aidou1314的博客
07-26 167
SmartRefreshLayout、ClassicsHeader、ClassicsFooter有很多使用的方法此处不一一列举了。
SmartRefreshHorizontal 使用指南
最新发布
gitblog_00144的博客
08-16 571
SmartRefreshHorizontal 使用指南 SmartRefreshHorizontal横向刷新、水平刷新、RefreshLayout、OverScroll，Horizontal，基于SmartRefreshLayout的水平智能刷新 项目地址:https://gitcode.com/gh_mirrors/smar/SmartRefreshHorizontal 一、项目目录结构及介绍...
SmartRefreshLayout+RecyclerView实现下拉刷新底部加载
棒怡情的专栏
03-22 2211
1.app的build.gradle文件中加入依赖。 //smartRefreshLayout implementation 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.2' //1.0.5及以前版本的老用户升级需谨慎，API改动过大 implementation 'com.scwang.smartrefresh:Smar...
SmartRefreshLayout自定义Header和Footer
qq_19688207的博客
04-13 5024
如果没有了解SmartRefreshLayout基本使用, 请先看 SmartRefreshLayout基本使用 因为自定义Header和Foote方式基本一样, 所以这里介绍Header就可以了 一. 官方文档介绍 github文档 我们看到官方文档实现方式: ① 自定义一个View, 实现RefreshHeader接口. ② 重写RefreshHeader里面所有方法 发现问题: ① 有部分方法我们根本就用不到, 但是还是要重写去实现. ② 重写用不到的方法的时候, 部分方法有返回值, .
ScrollableLayout实现刷新加载外部加一个滚动的头（SmartRefreshlayout+recycleView外部加一个滚动布局）
qq_40638618的博客
09-09 529
compile 'com.github.w446108264:ScrollableLayout:1.0.3' 805star 1github链接 --摘录GitHub上的布局 （滚动listView或者RecycleView在哪里都行，只要能拿到，设置给scrollablelayout就????） <com.scrollablelayout.Scrollable...
自定义SwipeRefreshLayout 支持 list 滑动到底部自动加载更多
ff_hh的博客
06-22 1112
android 5.0 新出了下拉刷新控件 SwipeRefreshLayout，现在被更多公司使用。但是控件不支持上拉加载，现在也有第三方框架支持，自己有兴趣写了一点测试代码支持SwipeRefreshLayout 嵌套 listView 第一页手动点击加载，其他页滑动到底自动加载数据。首先要获取到  listView （目前支持listView 后续可能会增加 多其他控件的支持） ...
SmartRefreshLayout自定义下拉刷新动画
SpringflowerXu
10-10 2262
需求是ui给的多张图片实现动画效果，并且下拉的时候动画不断变化，回退时，刷新动画效果也跟着回退，下拉刷新松手时，刷新动画循环播放，直至数据出来为止，话不多说，直接上效果图 首先，先添加依赖 implementation 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.2' 自定义刷新动画，在res下drawable下创建一个animation_refresh.xml文件，代码如下，大家可以直接将我的图片替换掉 <?xml version="1.0"
SmartRefreshLayout的使用
06-08
- **高度可定制**：支持自定义刷新头部和加载更多尾部组件，满足个性化需求。 - **良好的兼容性**：兼容Android 4.0及以上版本。 - **高性能**：优化了滑动过程中的内存和性能消耗。 ### 2. 集成SmartRefreshLayout...
smartRefreshLayout RecycleView的使用
07-18
本文将详细介绍如何将SmartRefreshLayout与RecyclerView结合使用，实现上拉加载、下拉刷新、滑动删除以及添加头部和底部功能，以创建类似QQ应用的用户体验。 首先，SmartRefreshLayout是一个强大的下拉刷新和上拉...
自定义SwpieRefreshLayout(进入页面自动刷新，下拉刷新，点击加载更多)
10-19
自定义SwipeRefreshLayout(进入页面自动刷新，下拉刷新，点击加载更多) 此Demo博客地址：http://blog.csdn.net/u012814441/article/details/49253761
Android-Android横向水平智能刷新框架-SmartRefreshHorizontal
08-12
Android横向水平智能刷新框架-SmartRefreshHorizontal
SmartRefreshHorizo​​ntal：横向刷新，水平刷新，RefreshLayout，OverScroll，Horizo​​ntal，基于SmartRefreshLayout的水平智能刷新
02-04
Android横向智能刷新框架-SmartRefreshHorizo​​ntal |中文 SmartRefreshHorizo​​ntal作为继承自SmartRefreshLayout的扩展库，实现了横向刷新和加载的功能，虽然是独立的开源库，但是并没有重复做实现，但是对SmartRefreshLayout进行了封装和转换，实现了横向刷新。 SmartRefreshLayout所有的特性，只是方向改成横向。 特色： 支持横向滚动 支持的所有特性 支持AndroidX 由来 在问题区有很多人建议让SmartRefreshLayout支持横向刷新。其实大家都知道横向刷新的库已经有很多，在我引起他们的
SmartRefreshHorizontal,新建、水利、刷新布局、超克罗尔、水平、智能刷新布局.zip
09-25
英语中文 SmartRefreshHorizontal,新建、水利、刷新布局、超克罗尔、水平、智能刷新布局.zip
TestSmartDemo.zip
01-12
SmartRefreshLayout提供了自定义刷新头的功能，你可以通过继承`RefreshHeader`接口并实现其方法来自定义刷新头部的视图和行为。例如，可以创建一个旋转的Logo、一个独特的动画效果或者其他任何创新的交互设计。 3. ...
Java_下拉刷新上拉加载二级刷新淘宝二楼RefreshLayoutOverScrollAndroid智能下拉刷新框架.zip
05-22
此外，`SmartRefreshLayout`可能还支持自定义头部和底部加载视图，允许开发者根据应用的品牌风格定制视觉效果。同时，为了提高性能和用户体验，该框架可能优化了滚动的流畅性和数据加载的时机，确保在不消耗过多系统...
非常简单的自定义SmartRefreshLayout上拉加载下拉刷新的头部和尾部
qq_36639105的博客
10-14 2963
非常简单好用的自定义SmartRefreshLayout上拉加载下拉刷新头部尾部View
（Android）使用SmartRefreshLayout实现列表预加载
akebrt的博客
12-23 2840
项目需求实现让用户无感的加载更多的功能，不重复造轮子，在Github找到如下几种方案 SmartRefreshLayout目前我用这个，但是只实现了demo，还没导入到项目中，看测试部的同事了 SwipeRecyclerView以前的项目用这个框架实现过列表项左滑删除的功能，但下拉刷新没用过。这个框架很长时间没更新了，所以没选用 Ultra-Pull-To-Refresh没用过这个，而且停止维护了，所以没选 BaseRecyclerViewAdapterHelper有现成的加载更多和预加载...
SmartRefreshLayout自定义Header
06-02
SmartRefreshLayout是一个很棒的下拉刷新、上拉加载更多的框架，它支持自定义Header和Footer来满足不同的需求。下面是自定义Header的步骤： 1. 创建一个类，继承自RefreshHeader或者继承自它的子类，比如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值