Android如何实现RecyclerView添加分割线

发布时间:2021-04-16 11:38:29 作者:小新
来源:亿速云 阅读:773

这篇文章给大家分享的是有关Android如何实现RecyclerView添加分割线的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

1、前言

刚开始学习RecyclerView的时候我跟着一个视频学的,当时添加分割线是从外面导入一个Java类,然后使用里面的函数来创建分割线的,所以一直以来我都是这样做的。直到前几天才无意中发现,原来v7包中提供了一个DividerItemDecoration类,利用它,我们可以很简单地实现RecyclerView的分割线!那还等什么呢?赶紧用起来。

2、创建一个简单的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));
  }
}

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

  /**
   * 相当于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添加分割线

很明显,这个时候是没有分割线的。

3、添加默认的分割线

现在我们就来添加分割线,首先来试试最简单的,也就是安卓自带的分割线。只需要加一行代码即可。

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

addItemDecoration方法需要一个DividerItemDecoration的对象,而创建其对象时,我们需要传入上下文和分割线的方向。再运行一下,就可以看到分割线出现了:

Android如何实现RecyclerView添加分割线

4、自定义分割线

有时候默认的浅灰色的分割线并不能满足我们的要求,这时我们就需要自己“写”一条分割线了,那应该怎么写呢?打开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);

跑起来之后,就可以看到一条多彩的分割线了:

Android如何实现RecyclerView添加分割线

这样一来使用范围就广很多了,比如item之间需要一定的间隔,那么我们就可以加一条透明的分割线。

5、总结

添加分割线的代码很简单,以后需要加一条简单的分割线时就可以这么处理。不过要注意这只适用于列表布局(LinearLayout)的RecyclerView,网格布局(GridLayout)和流式布局(StaggeredGridLayout)就不适用了。

感谢各位的阅读!关于“Android如何实现RecyclerView添加分割线”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. Android中如何实现recyclerView底部添加透明渐变效果
  2. Android中RecyclerView如何实现Item添加和删除

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

recyclerview android

上一篇:Android如何实现图文垂直跑马灯效果

下一篇:如何使用Android实现文件解压带进度条功能

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》