RecyclerView添加分割线

首先固然应该来一个RecyclerView,直接上代码:java

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适配器android

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

运行以后是这样的:web

这里写图片描述

这个是没有分割线的。ide

接下来添加默认的分割线
如今咱们就来添加分割线,首先来试试最简单的,也就是安卓自带的分割线。只须要加一行代码便可。svg

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

addItemDecoration方法须要一个DividerItemDecoration的对象,而建立其对象时,咱们须要传入上下文和分割线的方向。运行一下,就能够看到分割线出现了:函数

这里写图片描述

若是不满意还能够自定义分割线布局

打开DividerItemDecoration看看它的源码,有这么一个函数:this

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

咱们只须要调用这个方法,而后传入一个Drawable函数对象就能够了。如今能够用shape来编写一个分割线样式:spa

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

这里弄的是一条渐变色分割线。而后添加分割线的代码改成以下:scala

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

跑起来以后,就能够看到一条多彩的分割线了:
这里写图片描述
这样一来使用范围就广不少了,好比item之间须要必定的间隔,那么咱们就能够加一条透明的分割线。

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