Android,在RecyclerView的每个项目下显示阴影(没有边距填充)

时间:2018-04-28 01:55:23

标签: android android-recyclerview shadow android-flexboxlayout

我正在尝试在RecyclerView的项目下显示阴影,但项目之间有无空格

我正在尝试重现类似的东西:

Design for an UI

我已经实施了RecyclerView和FlexboxLayout,因此项目可以占据屏幕的整个位置。

这是回收者视图声明:

<android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:listitem="@layout/category_item"
    android:clipToPadding="false"
    android:paddingEnd="20dp"
    android:paddingBottom="20dp"/>

这是项目布局:

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.flexbox.FlexboxLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/itemContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:justifyContent="center"
    android:elevation="8dp"
    >

        <TextView
            android:id="@+id/itemTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawablePadding="20dp"
            android:gravity="center"
            android:textSize="16sp" />

</com.google.android.flexbox.FlexboxLayout>

来自适配器的onBindViewHolder方法:

@Override
public void onBindViewHolder(final CategoryViewHolder holder, int position) {
    if (categories != null) {
        Category category = categories.get(position);
        holder.itemTitle.setText("Lorem ipsum");
        ViewGroup.LayoutParams lp = holder.itemContainer.getLayoutParams();

        holder.itemContainer.setBackgroundResource(category.getColor());

        if (lp instanceof FlexboxLayoutManager.LayoutParams) {
            FlexboxLayoutManager.LayoutParams flexboxLp =
                    (FlexboxLayoutManager.LayoutParams) holder.itemContainer.getLayoutParams();
            flexboxLp.setFlexGrow(1.0f);
        }
    }
}

这是我得到的:

My Application Design

正如你所看到的,我放了一个填充物,所以我们可以看到背后的阴影,但由于物品之间没有空隙,阴影不会显示。 我希望阴影显示在其他项目的顶部上。

我不知道如何在项目之间进行良好的分离,否则,我已尝试使用DividerItemDecoration,但它无法按预期工作。

2 个答案:

答案 0 :(得分:0)

您可以尝试使用适配器的自定义布局。进入底部的自定义布局,您可以给出边框或阴影。它会对你有用。

答案 1 :(得分:0)

我在这里找到了一个解决方案:https://stackoverflow.com/a/35406689/9434800

我创建了一个渐变资源:

<shape xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="90"
        android:centerColor="@color/c1"
        android:centerY="90%"
        android:endColor="@color/c1_darker"
        android:startColor="@color/c1"
        android:type="linear" />

</shape>

我将它设置为我的项目的背景,这样我的项目的顶部更暗,看起来它是它们上面的项目的阴影。