采用SwipeFreshLayout+Recyclerview实现下拉刷新和上拉加载更多以及CoordinatorLayout的引入

2024-04-03 05:32
文章标签 实现 加载 刷新 引入 采用 recyclerview coordinatorlayout swipefreshlayout

本文主要是介绍采用SwipeFreshLayout+Recyclerview实现下拉刷新和上拉加载更多以及CoordinatorLayout的引入，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

       之前都是采用PullToRefresh进行下拉刷新和下拉加载，现在采用谷歌自己的控件SwipeFreshLayout，配合Recyclerview来实现这一效果。使用SwipeRefreshLayout可以实现下拉刷新，前提是布局里需要包裹一个可以滑动的子控件，可以是ListView或者Recyclerview，这里我们采用后者，然后在代码里设置OnRefreshListener设置监听，最后在监听里设置刷新时的数据获取就可以了。CoordinatorLayout主要是为了实现下滑时标题栏隐藏的功能，以后会单独介绍。

SwipeRefreshLayout主要方法介绍

SwipeRefreshLayout只能有一个孩子

  • isRefreshing()

    • 判断当前的状态是否是刷新状态。

  • setColorSchemeResources(int... colorResIds)

    • 设置下拉进度条的颜色主题，参数为可变参数，并且是资源id，可以设置多种不同的颜色，每转一圈就显示一种颜色。

  • setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener)

    • 设置监听，需要重写onRefresh()方法，顶部下拉时会调用这个方法，在里面实现请求数据的逻辑，设置下拉进度条消失等等。

  • setProgressBackgroundColorSchemeResource(int colorRes)

    • 设置下拉进度条的背景颜色，默认白色。

  • setRefreshing(boolean refreshing)

    • 设置刷新状态，true表示正在刷新，false表示取消刷新。


1.添加build.gradle依赖

compile 'com.android.support:recyclerview-v7:25.0.0'
compile 'com.android.support:cardview-v7:25.3.1'
compile 'com.android.support:design:25.3.1'

2.设置app主题

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/Theme.AppCompat.Light.NoActionBar">
    <activity android:name=".MainActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

3.MainActiviy 

public class MainActivity extends AppCompatActivity {private SwipeRefreshLayout swipeRefreshLayout;
    private RecyclerView recyclerView;
    private List<String> data = new ArrayList<>();
    public boolean isLoading;
    private RefreshRecyclerAdapter adapter = new RefreshRecyclerAdapter(this, data);
    private Handler handler = new Handler();
    private Toolbar toolbar;
    int topcount = 1;
    int footcount = 1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.SwipeRefreshLayout);
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        toolbar = (Toolbar) findViewById(R.id.toolbar);

        setSupportActionBar(toolbar);
        toolbar.setTitle(R.string.notice);
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {@Override
            public void onClick(View v) {finish();
            }});
        initData();
        initView();


    }private void initView() {//设置加载进度的颜色变化值
        swipeRefreshLayout.setColorSchemeResources(R.color.blueStatus,R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark);
        //设置一进入开始刷新
        swipeRefreshLayout.post(new Runnable() {@Override
            public void run() {swipeRefreshLayout.setRefreshing(true);
            }});

        //设置下拉刷新的监听器
        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {@Override
            public void onRefresh() {handler.postDelayed(new Runnable() {@Override
                    public void run() {addTopNewData();
                    }}, 2000);
            }});
        final LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setAdapter(adapter);
        //通过recyclerView的onscrolllistener的监听来实现上拉加载更多的功能
        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {//滚动的三种状态包括SCROLL_STATE_IDEL 离开状态 SCROLL_STATE_DRAGGING 手指触摸 SCROLL_STATE_SETLING 加速滑动的时候
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {super.onScrollStateChanged(recyclerView, newState);
                Log.d("test", "StateChanged = " + newState);


            }@Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {super.onScrolled(recyclerView, dx, dy);
                Log.d("test", "onScrolled");
                 // 获取最后一个可见条目
                int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition();
                if (lastVisibleItemPosition + 1 == adapter.getItemCount()) {Log.d("test", "loading executed");
                    //获取刷新状态
                    boolean isRefreshing = swipeRefreshLayout.isRefreshing();
                    if (isRefreshing) {adapter.notifyItemRemoved(adapter.getItemCount());
                        return;
                    }if (!isLoading) {isLoading = true;
                        handler.postDelayed(new Runnable() {@Override
                            public void run() {addNewData();
                                Log.d("test", "load more completed");
                                isLoading = false;
                            }}, 1000);
                    }}}});

        //添加点击事件
        adapter.setOnItemClickListener(new RefreshRecyclerAdapter.OnItemClickListener() {@Override
            public void onItemClick(View view, int position) {Log.d("test", "item position = " + position);
            }@Override
            public void onItemLongClick(View view, int position) {}});
    }/**
     * 下拉加载更多
     */
    private void addTopNewData() {for (int i = topcount; i < topcount +6; i++) {data.add(0,"下拉加载的第"+i+"条数据");

        }topcount += 6;
        adapter.notifyDataSetChanged();
        swipeRefreshLayout.setRefreshing(false);
    }public void initData() {handler.postDelayed(new Runnable() {@Override
            public void run() {getData();
            }}, 1500);

    }/**
     * 获取测试数据
     */
    private void getData() {for (int i =0; i <10; i++) {data.add(i,"第"+i+"条数据");
        }adapter.notifyDataSetChanged();
        swipeRefreshLayout.setRefreshing(false);
       // adapter.notifyItemRemoved(adapter.getItemCount());
    }/**
     * 上拉加载更多
     */
    public void addNewData() {for (int i = footcount; i < footcount+ 6; i++) {data.add(data.size(),"上拉加载的第"+i+"条数据");
        }footcount += 6;
        adapter.notifyDataSetChanged();
        swipeRefreshLayout.setRefreshing(false);
        //adapter.notifyItemRemoved(adapter.getItemCount());
    }}
4.RefreshRecyclerAdapter 

public class RefreshRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {private static final int TYPE_ITEM = 0;
    private static final int TYPE_FOOTER = 1;//上拉加载更多布局
    private Context context;
    private List data;

    public RefreshRecyclerAdapter(Context context, List data) {this.context = context;
        this.data = data;
    }public interface OnItemClickListener {void onItemClick(View view, int position);

        void onItemLongClick(View view, int position);
    }private OnItemClickListener onItemClickListener;

    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {this.onItemClickListener = onItemClickListener;
    }@Override
    public int getItemCount() {return data.size() == 0 ? 0 : data.size() + 1;
    }@Override
    public int getItemViewType(int position) {if (position + 1 == getItemCount()) {return TYPE_FOOTER;
        } else {return TYPE_ITEM;
        }}@Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {if (viewType == TYPE_ITEM) {View view = LayoutInflater.from(context).inflate(R.layout.item_base, parent,
                    false);
            return new ItemViewHolder(view);
        } else if (viewType == TYPE_FOOTER) {View view = LayoutInflater.from(context).inflate(R.layout.view_footer, parent,
                    false);
            return new FootViewHolder(view);
        }return null;
    }@Override
    public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position) {if (holder instanceof ItemViewHolder) {((ItemViewHolder) holder).tv.setText((CharSequence) data.get(position));
            if (onItemClickListener != null) {holder.itemView.setOnClickListener(new View.OnClickListener() {@Override
                    public void onClick(View v) {int position = holder.getLayoutPosition();
                        onItemClickListener.onItemClick(holder.itemView, position);
                    }});

                holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {@Override
                    public boolean onLongClick(View v) {int position = holder.getLayoutPosition();
                        onItemClickListener.onItemLongClick(holder.itemView, position);
                        return false;
                    }});
            }}}static class ItemViewHolder extends RecyclerView.ViewHolder {TextView tv;

        public ItemViewHolder(View view) {super(view);
            tv = (TextView) view.findViewById(R.id.tv_date);
        }}static class FootViewHolder extends RecyclerView.ViewHolder {public FootViewHolder(View view) {super(view);
        }}
}
5.布局文件

ToolBar

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/blueStatus"
            android:minHeight="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            app:navigationIcon="?attr/homeAsUpIndicator"
            app:theme="@style/Theme.AppCompat.NoActionBar">

        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.AppBarLayout>

</merge>
MainActivity布局文件 

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

    <include layout="@layout/toolbar" />

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/SwipeRefreshLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="vertical">

        </android.support.v7.widget.RecyclerView>
    </android.support.v4.widget.SwipeRefreshLayout>
</android.support.design.widget.CoordinatorLayout>
item_base布局文件 

<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"

    android:layout_marginTop="6dp"
    android:orientation="vertical"
    app:cardBackgroundColor="@color/line"
    app:cardPreventCornerOverlap="true"
    app:cardUseCompatPadding="true"
    app:contentPadding="6dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_date"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2015-12-11 12:00" />

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            app:cardBackgroundColor="@color/white"
            app:cardPreventCornerOverlap="true"
            app:cardUseCompatPadding="true"
            app:contentPadding="10dp">

            <TextView
                android:id="@+id/tv_title"

                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:maxLines="2"
                android:text="swipefreshlayout测试使用通过。。通过。。通过。" />

        </android.support.v7.widget.CardView>
    </LinearLayout>

</android.support.v7.widget.CardView>
viewFooter布局 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">


        <ProgressBar
            android:id="@+id/load_progress"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="30dp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="正在努力加载中..."
            android:textColor="@android:color/holo_red_dark"
            android:textSize="15sp"/>

    </RelativeLayout>

</RelativeLayout>
colors.xml 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="blueText">#1485C6</color>
    <color name="blueIndexStatus">#67A5EF</color>
    <color name="blueStatus">#1680E2</color>

    <color name="white">#FFFFFFFF</color>
    <color name="dark">#424242</color>
    <color name="red">#FFD4212A</color>
    <color name="grey">#8C8C8C</color>
    <color name="line">#EEEEEE</color>
    <color name="background">#F9F9FA</color>

    <color name="greyBackground">#FFCFCFCF</color>

</resources>



这篇关于采用SwipeFreshLayout+Recyclerview实现下拉刷新和上拉加载更多以及CoordinatorLayout的引入的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

原文地址:
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.chinasem.cn/article/872023。

相关文章

使用animation.css库快速实现CSS3旋转动画效果

使用animation.css库快速实现CSS3旋转动画效果

《使用animation.css库快速实现CSS3旋转动画效果》随着Web技术的不断发展，动画效果已经成为了网页设计中不可或缺的一部分，本文将深入探讨animation.css的工作原理，如何使用以及... 目录1. css3动画技术简介2. animation.css库介绍2.1 animation.cs
阅读更多...
CSS引入方式和选择符的讲解和运用小结

CSS引入方式和选择符的讲解和运用小结

《CSS引入方式和选择符的讲解和运用小结》CSS即层叠样式表，是一种用于描述网页文档（如HTML或XML）外观和格式的样式表语言,它主要用于将网页内容的呈现（外观）和结构（内容）分离，从而实现... 目录一、前言二、css 是什么三、CSS 引入方式1、行内样式2、内部样式表3、链入外部样式表四、CSS 选
阅读更多...
Java进行日期解析与格式化的实现代码

Java进行日期解析与格式化的实现代码

《Java进行日期解析与格式化的实现代码》使用Java搭配ApacheCommonsLang3和Natty库,可以实现灵活高效的日期解析与格式化,本文将通过相关示例为大家讲讲具体的实践操作,需要的可以... 目录一、背景二、依赖介绍1. Apache Commons Lang32. Natty三、核心实现代
阅读更多...
SpringBoot实现接口数据加解密的三种实战方案

SpringBoot实现接口数据加解密的三种实战方案

《SpringBoot实现接口数据加解密的三种实战方案》在金融支付、用户隐私信息传输等场景中,接口数据若以明文传输,极易被中间人攻击窃取,SpringBoot提供了多种优雅的加解密实现方案,本文将从原... 目录一、为什么需要接口数据加解密？二、核心加解密算法选择1. 对称加密（AES）2. 非对称加密（R
阅读更多...
基于Go语言实现Base62编码的三种方式以及对比分析

基于Go语言实现Base62编码的三种方式以及对比分析

《基于Go语言实现Base62编码的三种方式以及对比分析》Base62编码是一种在字符编码中使用62个字符的编码方式,在计算机科学中,,Go语言是一种静态类型、编译型语言,它由Google开发并开源,... 目录一、标准库现状与解决方案1. 标准库对比表2. 解决方案完整实现代码（含边界处理）二、关键实现细
阅读更多...
python通过curl实现访问deepseek的API

python通过curl实现访问deepseek的API

《python通过curl实现访问deepseek的API》这篇文章主要为大家详细介绍了python如何通过curl实现访问deepseek的API,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编... API申请和充值下面是deepeek的API网站https://platform.deepsee
阅读更多...
重新对Java的类加载器的学习方式

重新对Java的类加载器的学习方式

《重新对Java的类加载器的学习方式》：本文主要介绍重新对Java的类加载器的学习方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、介绍1.1、简介1.2、符号引用和直接引用1、符号引用2、直接引用3、符号转直接的过程2、加载流程3、类加载的分类3.1、显示
阅读更多...
SpringBoot实现二维码生成的详细步骤与完整代码

SpringBoot实现二维码生成的详细步骤与完整代码

《SpringBoot实现二维码生成的详细步骤与完整代码》如今,二维码的应用场景非常广泛,从支付到信息分享,二维码都扮演着重要角色,SpringBoot是一个非常流行的Java基于Spring框架的微... 目录一、环境搭建二、创建 Spring Boot 项目三、引入二维码生成依赖四、编写二维码生成代码五
阅读更多...
MyBatisX逆向工程的实现示例

MyBatisX逆向工程的实现示例

《MyBatisX逆向工程的实现示例》本文主要介绍了MyBatisX逆向工程的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录逆向工程准备好数据库、表安装MyBATisX插件项目连接数据库引入依赖pom.XML生成实体类、
阅读更多...
在 PyQt 加载 UI 三种常见方法

在 PyQt 加载 UI 三种常见方法

《在PyQt加载UI三种常见方法》在PyQt中,加载UI文件通常指的是使用QtDesigner设计的.ui文件,并将其转换为Python代码,以便在PyQt应用程序中使用,这篇文章给大家介绍在... 目录方法一：使用 uic 模块动态加载 （不推荐用于大型项目）方法二：将 UI 文件编译为 python 模
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2