Android RecyclerView的使用

在android系统5.0的版本中,google添加了一个新的view用来代替ListView和GridView,这个控件就是RecyclerView,很多人都会有疑问为什么要替换ListView,ListView使用很方便啊,原因就是因为listView的扩展性不强,而且耦合性太高,导致listview实现不了一些定制化的需求,所以在5.0中引入了RecyclerView

虽然RecyclerView是在5.0中添加但是google将这个控件放在v7包下面,所以我们在使用RecyclerView时需要在gradle文件中添加包的引用。

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

RecycleView的使用步骤分为一下几步:

1.通过findViewById方法从布局文件中获取RecycleView对象。

2.设置RecyclerView的布局管理器LayoutManager,其中常用的LayoutManager分为三类:LinearLayoutManager(线性布局)、GridLayoutManager(网格布局)、StaggeredGridLayoutManager(瀑布流布局).。

3.为RecyclerView设置Adapter。

4.为RecyclerView设置item之间的分割线(按照实际需求进行设置)。

5.为RecyclerView的item设置动画(按照实际需求进行设置)

其中RecyclerView的设置如下:

public class MainActivity extends Activity {
    private RecyclerView mRecycleView;

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

    private void initView() {
        mRecycleView = (RecyclerView) findViewById(R.id.recycleView);
        LayoutManager mLayouManager = new LinearLayoutManager(this,
                LinearLayoutManager.VERTICAL, false);
        mRecycleView.setLayoutManager(mLayouManager);
        mRecycleView.addItemDecoration(DividerItemDecoration(LinearLayoutManager.VERTICAL));//设置item的分割线
        mRecycleView.setItemAnimator(new MyItemAnimator());//设置item的显示动画
        mRecycleView.setAdapter(new RecycleViewAdapter());
    }
}

adapter的设置如下:

public class RecycleViewAdapter extends RecyclerView.Adapter<BaseViewHolder> {
    private final int VIEW_TYPE_RED = 1;
    private final int VIEW_TYPE_BLUE = 2;
    private Map<Integer, String> data;

    public RecycleViewAdapter() {
        data = new HashMap<>();
        for (int i = 0; i < 100; i++) {
            data.put(i, "item " + i);
        }
    }

    @Override
    public int getItemViewType(int position) {
        return position % 2 == 0 ? VIEW_TYPE_RED : VIEW_TYPE_BLUE;
    }

    @Override
    public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        BaseViewHolder viewHolder = null;
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        if (viewType == VIEW_TYPE_BLUE) {
            viewHolder = new BlueViewHolder(inflater.inflate(R.layout.item_blue, parent, false));
        } else {
            viewHolder = new RedViewHolder(inflater.inflate(R.layout.item_red, parent, false));
        }
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(BaseViewHolder holder, int position) {
        holder.bindData(data.get(position));
    }

    @Override
    public int getItemCount() {
        return data != null ? data.size() : 0;
    }
}

其中BlueViewHolder和RedViewHolder为 baseViewHolder的实现类,实现了各自的逻辑,到此为止RecyclerView已经能够正常跑通,

为了显示更加美观,我们需要为RecyclerView设置item的分割线,其中DividerItemDecoration的实现如下:

public class DividerItemDecoration extends RecyclerView.ItemDecoration {
    private int mOrientation;
    private Paint mPaint;
    private int dividerHeight = 10;

    public DividerItemDecoration(int orientation) {
        this.mOrientation = orientation;
        mPaint = new Paint();
        mPaint.setColor(Color.BLUE);
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.FILL);
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if (mOrientation == LinearLayoutManager.HORIZONTAL) {
            drawHorizental(c, parent);
        } else {
            drawVerical(c, parent);
        }
    }

    private void drawHorizental(Canvas c, RecyclerView parent) {
    }

    private void drawVerical(Canvas c, RecyclerView parent) {
        int left = parent.getPaddingLeft();
        int right = parent.getMeasuredWidth() - parent.getPaddingRight();
        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount - 1; i++) {
            View child = parent.getChildAt(i);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            int top = child.getBottom() + params.bottomMargin;
            int bottom = top + dividerHeight;
            c.drawRect(left, top, right, bottom, mPaint);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
            RecyclerView.State state) {
        if (mOrientation == LinearLayoutManager.VERTICAL) {
            //注意设置outRect的left,top,right,bottom实际上是设置了item对应的padding值
            outRect.set(100, 0, 0, dividerHeight);
        } else {
            outRect.set(0, 0, dividerHeight, 0);
        }
    }
}

最后关于设置RecyclerView的item动画,实际上RecyclerView的item动画设置非常复杂,一般都不会用到,我自己也没有做过多的关注,如果需要使用请自行上网查找相关资料。

相关的文章:http://kymjs.com/code/2016/07/10/01

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值