android:RecycleView的简单封装使用

本文主要简单的介绍一下最最简单的RecycleView的使用方法。首先说一下具体的类所起的作用:

BaseRecycleView.java:一个抽象类直接继承在RecyclerView,在内部实现了item的点击,长按,以及设置emptyView的功能,其中点击和长按实现了状态切换的功能,state_pressed.并对外开放了两个抽象接口getLayoutManger()和getItemDecoration(),分别是设置LayoutManger和分割线的。

BaseRecyleAdapter.java:一个继承在RecyclerView.Adapter的泛型抽象类,对外开放了3个抽象的方法
getItemLayoutId():设置item的布局
convertCreateViewHolder(View itemView):viewHolder与ietemView绑定
convertBindViewHolder(MyViewHolder viewHolder, int position):把对象中的内容展示出来,和listviewgetView一个功能

BaseViewHolder.java:一个继承在RecyclerView.ViewHolder的抽象类,简单的实现了view的保存与获取功能

FlexDividerDecoration.java:分割线设置,对外开放Builder,通过设置Builder中的参数,来绘制不同的分割线,暂时提供,drawable,color,paint三种绘制方式。

FinalRecycleView.java:继承子BaseRecycleView,具体的RecycleView实现,重写了getLayoutManger()与getItemDecoration()方法。可以在xml布局中自由配置显示的LayoutManger的style以及分割线。具体的配置属性值如下:

<declare-styleable name="FinalRecycleView">
        <attr name="showStyle" format="enum"><!-- 显示形式,list or grid -->
             <enum name="LISTVIEW_VERTICAL" value="0" />
             <enum name="LISTVIEW_HORIZONTAL" value="1" />
             <enum name="GRIDVIEW_NORMAL" value="2" />
             <enum name="STAGGERED_HORIZONTAL" value="3" />
             <enum name="STAGGERED_VERTICAL" value="4" />
        </attr>
        <attr name="gridSpanCount" format="integer"/> <!-- grid列数 -->
        <attr name="innerDivider" format="reference"/>
        <attr name="innerDividerWidth" format="dimension"/>
    </declare-styleable>

下面主要说一下FinalRecycleView的具体使用方法:

1.xml布局文件如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:final="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.seeker.weight.super_recycleView.FinalRecycleView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="vertical"
        final:showStyle="LISTVIEW_VERTICAL"
        final:gridSpanCount="4"
        final:innerDivider="@drawable/color_line"
        final:innerDividerWidth="1dp"/>

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

</RelativeLayout>

其中empty布局的设置如下:

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Nothing"
        android:textSize="30sp"
        android:gravity="center"
        android:textColor="@android:color/black"/>

</LinearLayout>

2.MyAdapter.java文件写法:

package com.seeker.SuperRecycleview;

import java.util.List;
import android.content.Context;
import android.view.View;
import com.seeker.weight.super_recycleView.BaseRecyleAdapter;

public class MyAdapter extends BaseRecyleAdapter<String,MyViewHolder> {

    public MyAdapter(Context context, List<String> datas) {
        super(context, datas);
    }

    @Override
    public int getItemLayoutId() {
        return R.layout.item;
    }

    @Override
    public MyViewHolder convertCreateViewHolder(View itemView) {
        return new MyViewHolder(itemView);
    }

    @Override
    public void convertBindViewHolder(MyViewHolder viewHolder, int position) {
        viewHolder.setText(R.id.item_text, mDatas.get(position));
    }
}

写法很简单,就是回调三个接口,返回item布局,绑定viewholder,以及设置文字展示等。

3.MyViewHolder.java文件写法:

package com.seeker.SuperRecycleview;

import android.view.View;
import android.widget.TextView;
import com.seeker.weight.super_recycleView.BaseViewHolder;

/**
 * Created by Seeker on 2016/7/19.
 */
public class MyViewHolder extends BaseViewHolder{

    public MyViewHolder(View view){
        super(view);
    }

    /**
     * 为TextView设置字符串
     * @param viewId
     * @param text
     * @return
     */
    public MyViewHolder setText(int viewId, String text) {
        TextView view = getView(viewId);
        if(view != null && text != null){
            view.setText(text);
        }
        return this;
    }
}

新加了一个方法,就是setText,给TextView设置文字展示。

4.在MainActivity.java中具体用法如下:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mRecyclerView = (FinalRecycleView) findViewById(R.id.recyclerview);

        final List<String> list = new ArrayList<>();

        final MyAdapter myAdapter = new MyAdapter(this, list);

        mRecyclerView.setAdapter(myAdapter);

        View empty = findViewById(R.id.emptyView);

        empty.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                for (int i = 0; i < 52; i++) {
                    list.add(""+i);
                }
                myAdapter.notifyDataSetChanged();
            }
        });

        mRecyclerView.setEmptyView(empty);

        mRecyclerView.setOnItemClickListener(new BaseRecycleView.OnItemClickListener() {

            @Override
            public void onItemClick(View itemView, int position) {
                Toast.makeText(MainActivity.this, "click:" + list.get(position), Toast.LENGTH_SHORT).show();
            }
        });

        mRecyclerView.setOnLongClickListener(new BaseRecycleView.OnLongItemClickListener() {

            @Override
            public void onLongItemClick(View itemView, int position) {
                Toast.makeText(MainActivity.this, "longClick:"+list.get(position), Toast.LENGTH_SHORT).show();
            }
        });
    }

首先是获取FinalRecycleView的实例对象,然后就是设置Adapter,设置emptyView,设置点击事件以及长按事件。点击事件和长按事件中,简单的Toast一下文字内容。
其中,一开始的时候,list中数据为空,在empty点击之后list数据填充,并调用myAdapter.notifyDataSetChanged();刷新界面。下面看一下效果图:
这里写图片描述

效果图很明显了,实现empty的显示,以及点击长按的功能,并且点击长按状态也发生响应的变化。

5.具体的方法使用就是那样,现在再说一下,其它的。
设置不同的分割线:在FinalRecycleView中,改写方法getItemDecoration()即可。如当前想显示分割线颜色为红色,大小为2的,代码设置如下:

    @Override
    public ItemDecoration getItemDecoration() {
        return new FlexDividerDecoration.Builder(getContext())
                .setColor(Color.RED)
                .setSize(2)
                .build();
    }

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

drawable图片也可以设置:如下

    @Override
    public ItemDecoration getItemDecoration() {
        return new FlexDividerDecoration.Builder(getContext())
                .setDrawableResId(R.drawable.divider)
                .setSize(2)
                .build();
    }

效果图就不贴了。

6.设置显示样式,我想显示gridview并且是4列,则在xml中布局改为如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:final="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.seeker.weight.super_recycleView.FinalRecycleView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="vertical"
        final:showStyle="GRIDVIEW_NORMAL"
        final:gridSpanCount="4"
        final:innerDivider="@drawable/color_line"
        final:innerDividerWidth="1dp"/>

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

</RelativeLayout>

则效果图如下:
这里写图片描述

到这就为止了,RecycleView简单的封装就是这样,只是简化了使用步骤,用起来更像我们熟悉的ListView和GridView罢了。

RecycleView下载链接地址,RecycleView下载链接地址,RecycleView下载链接地址,RecycleView下载链接地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值