RecyclerView添加分割線

首先當然應該來一個RecyclerView，直接上代碼：

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));
    }
}

RecyclerView適配器

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
    private Context context;
    private ArrayList<String> datas;

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

    @NonNull
    @Override
    public ViewHoulder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
            View view = LayoutInflater.from(contextl).inflate(R.layout.layout,viewGroup,false);
            return new ViewHoulder(view);
        }

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

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

    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);
        }
    }
}

運行之後是這樣的：

這個是沒有分割線的。

接下來添加默認的分割線
現在我們就來添加分割線，首先來試試最簡單的，也就是安卓自帶的分割線。只需要加一行代碼即可。

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

addItemDecoration方法需要一個DividerItemDecoration的對象，而創建其對象時，我們需要傳入上下文和分割線的方向。運行一下，就可以看到分割線出現了：

如果不滿意還可以自定義分割線

打開DividerItemDecoration看看它的源碼，有這麼一個函數：

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

我們只需要調用這個方法，然後傳入一個Drawable函數對象就可以了。現在可以用shape來編寫一個分割線樣式:

<?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>

這裏弄的是一條漸變色分割線。然後添加分割線的代碼改爲如下：

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

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

這樣一來使用範圍就廣很多了，比如item之間需要一定的間隔，那麼我們就可以加一條透明的分割線。

添加分割線的代碼很簡單，以後需要加一條簡單的分割線時就可以這麼處理。注意這隻適用於列表佈局(LinearLayout)的RecyclerView，網格佈局（GridLayout）和流式佈局（StaggeredGridLayout）就不適用了。