快捷導(dǎo)航

Android實(shí)現(xiàn)RecyclerView添加分割線的簡(jiǎn)便方法

更新時(shí)間：2017年07月31日 17:04:41 作者：lindroid

這篇文章主要介紹了Android實(shí)現(xiàn)RecyclerView添加分割線的簡(jiǎn)便方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

1、前言

剛開始學(xué)習(xí)RecyclerView的時(shí)候我跟著一個(gè)視頻學(xué)的，當(dāng)時(shí)添加分割線是從外面導(dǎo)入一個(gè)Java類，然后使用里面的函數(shù)來(lái)創(chuàng)建分割線的，所以一直以來(lái)我都是這樣做的。直到前幾天才無(wú)意中發(fā)現(xiàn)，原來(lái)v7包中提供了一個(gè)DividerItemDecoration類，利用它，我們可以很簡(jiǎn)單地實(shí)現(xiàn)RecyclerView的分割線！那還等什么呢？趕緊用起來(lái)。

2、創(chuàng)建一個(gè)簡(jiǎn)單的RecyclerView

首先當(dāng)然應(yīng)該來(lái)一個(gè)RecyclerView，這里就不再贅述了，隨便造點(diǎn)數(shù)據(jù)就好。直接上代碼：

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("標(biāo)題"+i);
    }
    recyclerView.setAdapter(new RecyclerViewAdapter(this,titles));
  }
}

RecyclerViewAdapter的代碼：

/
**
 * 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;
  }

  /**
   * 相當(dāng)于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) {
    //根據(jù)position得到對(duì)應(yīng)的數(shù)據(jù)
    String data = datas.get(position);
    holder.tvTitle.setText(data);
  }

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

運(yùn)行之后是這樣的：

很明顯，這個(gè)時(shí)候是沒有分割線的。

3、添加默認(rèn)的分割線

現(xiàn)在我們就來(lái)添加分割線，首先來(lái)試試最簡(jiǎn)單的，也就是安卓自帶的分割線。只需要加一行代碼即可。

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

addItemDecoration方法需要一個(gè)DividerItemDecoration的對(duì)象，而創(chuàng)建其對(duì)象時(shí)，我們需要傳入上下文和分割線的方向。再運(yùn)行一下，就可以看到分割線出現(xiàn)了：

4、自定義分割線

有時(shí)候默認(rèn)的淺灰色的分割線并不能滿足我們的要求，這時(shí)我們就需要自己“寫”一條分割線了，那應(yīng)該怎么寫呢？打開DividerItemDecoration看看它的源碼，有這么一個(gè)函數(shù)：

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

我們只需要調(diào)用這個(gè)方法，然后傳入一個(gè)Drawable函數(shù)對(duì)象就可以了?，F(xiàn)在可以用shape來(lái)編寫一個(gè)分割線樣式:

<?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"  //藍(lán)色
    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);

跑起來(lái)之后，就可以看到一條多彩的分割線了：