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 添加间隔线。

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

©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页