RecyclerView添加分割线

最新推荐文章于 2019-11-04 08:37:14 发布

weixin_38376339

最新推荐文章于 2019-11-04 08:37:14 发布

阅读量6.5k

点赞数 4

分类专栏： Viewpager 文章标签：分割线

本文链接：https://blog.youkuaiyun.com/weixin_38376339/article/details/82349579

版权

Viewpager 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在RecyclerView中添加默认和自定义分割线。通过添加DividerItemDecoration并设置方向，可以快速实现分割线。如果需要更复杂的样式，可以自定义Drawable并使用shape定义渐变色分割线。这种方法适用于列表布局的RecyclerView，但不适用于网格或流式布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先当然应该来一个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之间需要一定的间隔，那么我们就可以加一条透明的分割线。