RecyclerView簡單使用

2019-11-09 18:08:01

字體：大中小

來源：轉載

供稿：網友

RecyclerView是谷歌V7包下新增的控件,用來替代ListView的使用，他可以通過設置LayoutManager來快速實現listview、gridview、瀑布流的效果，而且還可以設置橫向和縱向顯示，添加動畫效果也非常簡單(自帶了ItemAnimation，可以設置加載和移除時的動畫，方便做出各種動態瀏覽的效果),也是官方推薦使用的

引用：

compile 'com.android.support:cardview-v7:21.0.3'

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

簡單使用：

mRecyclerView = findView(R.id.id_recyclerview);

//設置布局管理器

mRecyclerView.setLayoutManager(new LinearLayoutManager(this));//類listview//mRecyclerView.setLayoutManager(new GridLayoutManager(this, 2));//類gridview//mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, OrientationHelper.VERTICAL));//類瀑布流

//設置adapter

mRecyclerView.setAdapter(adapter)

//點擊事件

需要自定義，有3中方法，目前以在adapter中添加點擊為例

adapter：

/** * Created by hp on 2017/2/7. */public class MyListAdapter extends RecyclerView.Adapter<MyListAdapter.MyRecyclerListHolder> {    PRivate Context mContext;    private List<String> mDatas;    private LayoutInflater inflater;    public MyListAdapter(Context context, List<String> datas){        this. mContext=context;        this. mDatas=datas;        inflater=LayoutInflater. from(mContext);    }//添加一個點擊事件的接口    public interface OnItemClickLitener{        void onItemClick(View view, int position);        void onItemLongClick(View view , int position);    }    private OnItemClickLitener mOnItemClickLitener;    public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener)    {        this.mOnItemClickLitener = mOnItemClickLitener;    }    @Override    public MyRecyclerListHolder onCreateViewHolder(ViewGroup parent, int viewType) {        View view = inflater.inflate(R.layout.item_home1, parent, false);        MyRecyclerListHolder holder= new MyRecyclerListHolder(view);        return holder;    }    @Override    public void onBindViewHolder(final MyRecyclerListHolder holder, int position) {        holder.tv.setText(mDatas.get(position));        holder.bb.setText(mDatas.get(position));        // 如果設置了回調，則設置點擊事件        if (mOnItemClickLitener != null)        {             //holder.itemView.其中iteamView是系統個提供的，表示對應的iteam一整欄，也就是說點擊事件綁定的是整個iteam欄             holder.itemView.setOnClickListener(new View.OnClickListener()             //holder.tv.setOnClickListener這個點擊事件就綁定為對應的textview控件了            {                @Override                public void onClick(View v)                {                    int pos = holder.getPosition();                    mOnItemClickLitener.onItemClick(holder.itemView, pos);                }            });        }    }    @Override    public int getItemCount() {        return mDatas.size();    }    class MyRecyclerListHolder extends ViewHolder{        TextView tv;        Button bb;        public MyRecyclerListHolder(View itemView) {            super(itemView);            tv=(TextView) itemView.findViewById(R.id. id_num);            bb = (Button) itemView.findViewById(R.id.bb);        }    }}
-----------------------------------------------------------------------------------------------------------------------------------------------------
RecyclerView的分割線：
通過該方法添加分割線： mRecyclerView.addItemDecoration() 
//該分割線是系統默認的，你可以在theme.xml中找到該屬性的使用情況
mRecyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST));
添加默認分割線：高度為2px，顏色為灰色mRecyclerView.addItemDecoration(new RecycleViewDivider(mContext, LinearLayoutManager.VERTICAL));添加自定義分割線：可自定義分割線drawablemRecyclerView.addItemDecoration(new RecycleViewDivider(    mContext, LinearLayoutManager.VERTICAL, R.drawable.divider_mileage));
添加自定義分割線：可自定義分割線高度和顏色mRecyclerView.addItemDecoration(new RecycleViewDivider(    mContext, LinearLayoutManager.VERTICAL, 10, getResources().getColor(R.color.divide_gray_color)));
萬能分割線登場：public class RecycleViewDivider extends RecyclerView.ItemDecoration {    private Paint mPaint;    private Drawable mDivider;    private int mDividerHeight = 2;//分割線高度，默認為1px    private int mOrientation;//列表的方向：LinearLayoutManager.VERTICAL或LinearLayoutManager.HORIZONTAL    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};    /**     * 默認分割線：高度為2px，顏色為灰色     *     * @param context     * @param orientation 列表方向     */    public RecycleViewDivider(Context context, int orientation) {        if (orientation != LinearLayoutManager.VERTICAL && orientation != LinearLayoutManager.HORIZONTAL) {            throw new IllegalArgumentException("請輸入正確的參數！");        }        mOrientation = orientation;        final TypedArray a = context.obtainStyledAttributes(ATTRS);        mDivider = a.getDrawable(0);        a.recycle();    }    /**     * 自定義分割線     *     * @param context     * @param orientation 列表方向     * @param drawableId  分割線圖片     */    public RecycleViewDivider(Context context, int orientation, int drawableId) {        this(context, orientation);        mDivider = ContextCompat.getDrawable(context, drawableId);        mDividerHeight = mDivider.getIntrinsicHeight();    }    /**     * 自定義分割線     *     * @param context     * @param orientation   列表方向     * @param dividerHeight 分割線高度     * @param dividerColor  分割線顏色     */    public RecycleViewDivider(Context context, int orientation, int dividerHeight, int dividerColor) {        this(context, orientation);        mDividerHeight = dividerHeight;        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);        mPaint.setColor(dividerColor);        mPaint.setStyle(Paint.Style.FILL);    }    //獲取分割線尺寸    @Override    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {        super.getItemOffsets(outRect, view, parent, state);        outRect.set(0, 0, 0, mDividerHeight);    }    //繪制分割線    @Override    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {        super.onDraw(c, parent, state);        if (mOrientation == LinearLayoutManager.VERTICAL) {            drawVertical(c, parent);        } else {            drawHorizontal(c, parent);        }    }    //繪制橫向 item 分割線    private void drawHorizontal(Canvas canvas, RecyclerView parent) {        final int left = parent.getPaddingLeft();        final int right = parent.getMeasuredWidth() - parent.getPaddingRight();        final int childSize = parent.getChildCount();        for (int i = 0; i < childSize; i++) {            final View child = parent.getChildAt(i);            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();            final int top = child.getBottom() + layoutParams.bottomMargin;            final int bottom = top + mDividerHeight;            if (mDivider != null) {                mDivider.setBounds(left, top, right, bottom);                mDivider.draw(canvas);            }            if (mPaint != null) {                canvas.drawRect(left, top, right, bottom, mPaint);            }        }    }    //繪制縱向 item 分割線    private void drawVertical(Canvas canvas, RecyclerView parent) {        final int top = parent.getPaddingTop();        final int bottom = parent.getMeasuredHeight() - parent.getPaddingBottom();        final int childSize = parent.getChildCount();        for (int i = 0; i < childSize; i++) {            final View child = parent.getChildAt(i);            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();            final int left = child.getRight() + layoutParams.rightMargin;            final int right = left + mDividerHeight;            if (mDivider != null) {                mDivider.setBounds(left, top, right, bottom);                mDivider.draw(canvas);            }            if (mPaint != null) {                canvas.drawRect(left, top, right, bottom, mPaint);            }        }    }附：自定的drawable文件一份<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <size android:height="20dp" />    <solid android:color="#ff992900" /></shape>