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

运行之后是这样的:

无分割线

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

3、添加默认的分割线

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

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

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

默认分割线

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

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

自定义分割线

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

5、总结

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

Android Studio中添加分割线可以通过以下几种方式实现: 1. 在布局文件中添加分割线: 你可以在LinearLayout或RecyclerView的布局文件中添加分割线。例如,在LinearLayout中,你可以使用divider属性来指定分割线的样式和颜色。在RecyclerView中,你可以使用DividerItemDecoration类来添加分割线。具体的代码如下所示: ``` <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:divider="@drawable/shape" android:showDividers="middle|end"> <!-- 布局内容 --> </LinearLayout> ``` ``` RecyclerView rvList = findViewById(R.id.rv_list); rvList.setLayoutManager(new LinearLayoutManager(this)); DividerItemDecoration divider = new DividerItemDecoration(this, DividerItemDecoration.VERTICAL); divider.setDrawable(getResources().getDrawable(R.drawable.shape_recycler_divider)); rvList.addItemDecoration(divider); ``` 其中,@drawable/shape和@drawable/shape_recycler_divider是自定义的分割线样式。 2. 在主题文件中添加分割线: 如果你需要修改默认分割线的颜色,或者在某些Android版本上分割线没有出现,你可以在主题文件(styles.xml)中添加listDivider属性并指定一个颜色。具体的代码如下所示: ``` <item name="android:listDivider">@android:color/black</item> ``` 这样就会将分割线的颜色设置为黑色。 希望以上信息对你有所帮助。 #### 引用[.reference_title] - *1* [Android studio|设置分割线](https://blog.csdn.net/weixin_43230707/article/details/114215210)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Android : RecyclerView 最简单优雅的添加分割线 ItemDecoration](https://blog.csdn.net/beita08/article/details/105294353)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值