SwipeRefreshLayout+RecyclerView实现下拉刷新

5.X新特新 RecyclerView CardView
  1. 具体的使用：
    1. 1.CardView
    2. 2.SwipeRefreshLayout
    3. 3.RecyclerView

SwipeRefreshLayout+RecyclerView实现下拉刷新
另外还使用了CardView（一个容器类布局，它继承自FrameLayout）。

效果图如下：
这里写图片描述

具体的使用：

1.CardView

首先，引入依赖：

1
compile 'com.android.support:cardview-v7:23.3.0'

接着，在布局中引用，需要添加新的名字空间

1
xmlns:card_view="http://schemas.android.com/apk/res-auto"

通过名字空间添加两个新的属性,通过名字很容易知道，第一个是设置背景颜色，第二个是设置圆角

1
2
card_view:cardBackgroundColor="#b911e8"
card_view:cardCornerRadius="4dp"

这里，RecyclerView 的每一个item都是一个CardView

2.SwipeRefreshLayout

它在V4 包下，使用代码如下：activity_main.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipe_container"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/relv">
</android.support.v7.widget.RecyclerView>
</android.support.v4.widget.SwipeRefreshLayout>

在activity中设置相关的方法：

1
2
3
4
5
6
7
8
//设置进度条颜色,最多可以有四个颜色
setColorSchemeResources(int… colorResIds);
//设置进度圈背景颜色
setProgressBackgroundColorSchemeColor(int color);
//设置监听,在OnRefresh()中处理结果
setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener);
//设置刷新状态
setRefreshing(Boolean refreshing);

3.RecyclerView

它是谷歌对ListView的升级，效率更高，并对ViewHolder进行了封装。使用时，同样，需要依赖库:

1
compile 'com.android.support:recyclerview-v7:23.3.0'

编写自己的adapter，继承自 RecyclerView.Adapter ，实现三个方法：(具体内容见：RvAdapter.java)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/**
 * 将布局转换成view 并传递给RecyclerView 封装好的 ViewHolder
 *
 * @param parent
 * @param viewType
 * @return
 */
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext()).inflate(
            R.layout.rv_item_cardview, parent, false);
    return new ViewHolder(view);
}
/**
 * 建立ViewHolder中视图与数据的关联
 *
 * @param holder
 * @param position
 */
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    holder.imageView.setImageResource(R.mipmap.img);
    holder.textView.setText(datas.get(position));
}

添加内部内ViewHolder继承自RecyclerView.ViewHolder, 由于android没有给RecyclerView设置点击事件，需要我们自己使用接口回调，设置监听。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
public class ViewHolder extends RecyclerView.ViewHolder
{
    public ImageView imageView;
    public TextView textView;
    public ViewHolder (final View itemView)
    {
        super (itemView);
        imageView = (ImageView) itemView.findViewById (R.id.img_head);
        textView = (TextView) itemView.findViewById (R.id.tv_title);
        itemView.setOnClickListener (new View.OnClickListener()
        {
            @Override
            public void onClick (View v)
            {
                itemClickListener.onItemClick (v, getPosition() );
            }
        });
        textView.setOnClickListener (
            new View.OnClickListener()
        {
            @Override
            public void onClick (View v)
            {
                if (itemClickListener != null)
                {
                    itemClickListener.onTextClick (v, getPosition() );
                }
            }
        });
    }
}
public OnItemClickListener itemClickListener;
/**
 * 设置接口
 *
 * @param itemClickListener
 */
public void setItemClickListener (OnItemClickListener itemClickListener)
{
    this.itemClickListener = itemClickListener;
}
/**
 * 点击事件接口
 */
public interface OnItemClickListener
{
    //item的点击事件
    void onItemClick (View view, int position);
    //item中文字的点击事件
    void onTextClick (View view, int position);
}

最后在activity中设置监听，具体见：MainActivity.java

demon地址

当前网速较慢或者你使用的浏览器不支持博客特定功能，请尝试刷新或换用Chrome、Firefox等现代浏览器