RecyclerView添加分割線的簡便方法

時間 2019-12-05

標籤 recyclerview 添加割線簡便方法简体版

原文原文鏈接

一、前言

剛開始學習RecyclerView的時候我跟着一個視頻學的，當時添加分割線是從外面導入一個Java類，而後使用裏面的函數來建立分割線的，因此一直以來我都是這樣作的。直到前幾天才無心中發現，原來v7包中提供了一個DividerItemDecoration類，利用它，咱們能夠很簡單地實現RecyclerView的分割線！那還等什麼呢？趕忙用起來。java

二、建立一個簡單的RecyclerView

首先固然應該來一個RecyclerView，這裏就再也不贅述了，隨便造點數據就好。直接上代碼：android

public class MainActivity extends AppCompatActivity {
    private RecyclerView recyclerView;
    private ArrayList<String> titles = new ArrayList<>();

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

        //初始化RecyclerView
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
        for (int i = 0; i < 20; i++) {
            titles.add("標題"+i);
        }
        recyclerView.setAdapter(new RecyclerViewAdapter(this,titles));
    }
}

RecyclerViewAdapter的代碼：ide

**
 * RecyclerView適配器
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {

    private Context context;
    private ArrayList<String> datas;

    class ViewHolder extends RecyclerView.ViewHolder {
        ImageView ivIcon;
        TextView tvTitle;

        public ViewHolder(View itemView) {
            super(itemView);
            ivIcon = (ImageView) itemView.findViewById(R.id.iv_icon);
            tvTitle = (TextView) itemView.findViewById(R.id.tv_title);
        }
    }

    public RecyclerViewAdapter(Context context, ArrayList<String> datas) {
        this.context = context;
        this.datas = datas;
    }

    /**
     * 至關於getView方法中View和ViewHolder
     *
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View itemView = View.inflate(context, R.layout.item_recyclerview, null);
        RecyclerView.LayoutParams lp = new RecyclerView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);
        itemView.setLayoutParams(lp);
        return new ViewHolder(itemView);
    }

    /**
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        //根據position獲得對應的數據
        String data = datas.get(position);
        holder.tvTitle.setText(data);
    }

    /**
     * 獲得總條數
     *
     * @return
     */
    @Override
    public int getItemCount() {
        return datas.size();
    }
}

運行以後是這樣的：函數

很明顯，這個時候是沒有分割線的。佈局

三、添加默認的分割線

如今咱們就來添加分割線，首先來試試最簡單的，也就是安卓自帶的分割線。只須要加一行代碼便可。學習

//添加Android自帶的分割線
        recyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

addItemDecoration方法須要一個DividerItemDecoration的對象，而建立其對象時，咱們須要傳入上下文和分割線的方向。再運行一下，就能夠看到分割線出現了：this

四、自定義分割線

有時候默認的淺灰色的分割線並不能知足咱們的要求，這時咱們就須要本身「寫」一條分割線了，那應該怎麼寫呢？打開DividerItemDecoration看看它的源碼，有這麼一個函數：spa

public void setDrawable(@NonNull Drawable drawable) {
        if (drawable == null) {
            throw new IllegalArgumentException("Drawable cannot be null.");
        }
        mDivider = drawable;
    }

咱們只須要調用這個方法，而後傳入一個Drawable函數對象就能夠了。如今能夠用shape來編寫一個分割線樣式:3d

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

    <gradient
        android:centerColor="#ff00ff00" //綠色
        android:endColor="#ff0000ff"    //藍色
        android:startColor="#ffff0000"  //紅色
        android:type="linear" />
    <size android:height="3dp" />

</shape>

我這裏弄的是一條騷氣的漸變色分割線。而後添加分割線的代碼改成以下：code

//添加自定義分割線
        DividerItemDecoration divider = new DividerItemDecoration(this,DividerItemDecoration.VERTICAL);
        divider.setDrawable(ContextCompat.getDrawable(this,R.drawable.custom_divider));
        recyclerView.addItemDecoration(divider);

跑起來以後，就能夠看到一條多彩的分割線了：

這樣一來使用範圍就廣不少了，好比item之間須要必定的間隔，那麼咱們就能夠加一條透明的分割線。