RecyclerView Item 的分割线 距边框距离问题总结

哈， 首先  今天Design 提了一个需求，废话少说~~！ 上图

分割线 在中间显示，距离左边 边距是66px 右边依然是66px。

刚开始接到这个需求，感觉还阔以，挺简单的，但是在实现中 又有问题了，

怎么设置 都不能距离左右 有间距，上网上查依然没有解决方案。

网上有设置一个 View 然后给这个 View 设置宽高 颜色 但是 在我这里不能用，

因为我是自定义的控件 直接继承 ViewGroup 直接用 View 会有问题 影响了滑动控件。

我的解决方案如下：

 

我的 item 布局 是自定义的。在不改变自定义控件前提下 加上这个间隔线。

item 布局如下非常的简单：

<?xml version="1.0" encoding="utf-8"?>
<com.mxnavi.music.view.search.SwipeMenuLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="@dimen/px_100"
    android:clickable="true"
    app:ios="true"
    app:leftSwipe="true"
    app:swipeEnable="true">

    //自定义的TextView
    <com.mxnavi.music.view.custom.CustomTextView
        android:id="@+id/tv_word"
        android:layout_width="match_parent"
        android:layout_height="@dimen/px_100"
        android:layout_centerVertical="true"
        android:layout_marginStart="@dimen/px_14"
        android:drawableLeft="@drawable/icon_search_history"
        android:drawablePadding="@dimen/px_14"
        android:gravity="center_vertical"
        android:paddingLeft="@dimen/px_66"
        android:maxEms="16"
        android:singleLine="true"
        android:textColor="@color/color_white_transparency_10"
        android:textSize="@dimen/px_21" />

    <Button
        android:id="@+id/bt_del"
        android:layout_width="@dimen/px_140"
        android:layout_height="@dimen/px_100"
        android:layout_alignParentEnd="true"
        android:layout_centerVertical="true"
        android:background="@color/search_history_delete_bg"
        android:gravity="center"
        android:text="删除"
        android:textColor="@color/color_white"
        android:textSize="@dimen/px_22" />
</com.mxnavi.music.view.search.SwipeMenuLayout>

然后再 Fragment 中 BindView 下一章会讲 很简单的一个标签。

@BindView(R.id.recycler_history)
EasyRecyclerView recyclerHistory;

recyclerHistory.addItemDecoration(getRecyclerViewDivider(R.drawable.search_history_solid));

RecyclerHistory 不用说 就是RecyclerView 历史记录。给RecyclerView每个item添加间隔线。

/**
     * 获取分割线
     *
     * @param drawableId 分割线id
     * @return
     */
    public RecyclerView.ItemDecoration getRecyclerViewDivider(@DrawableRes int drawableId) {
        DividerItemDecoration itemDecoration = new DividerItemDecoration(mContext, DividerItemDecoration.VERTICAL);
        itemDecoration.setDrawable(ContextCompat.getDrawable(mContext, drawableId));
        return itemDecoration;
    }

xml 布局 如下：

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="66px"
    android:insetRight="66px">
    <shape>
        <!--分割线的高度，横向的RecyclerView,这里设置宽度即可-->
        <size android:height="1px" />
        <!--分割线的颜色-->
        <solid android:color="@color/search_dividing_line_color" />
    </shape>
</inset>

然后就完美解决了这个不改变 item 布局的情况下给每个 item 添加间隔线。

希望对你们有所帮助 哈哈！ 虽然没有粉丝。