水平RecyclerView跟随第一个项目高度并带有wrap_content

Question

我有一个RecyclerView，它具有水平布局。单个适配器项目的高度取决于项目的内容。

因此，从理论上讲，它可能类似于以下内容：

我现在遇到的问题是，wrap_content似乎只关心第一个问题的高度，因为我得到的结果看起来像这样：

您会在其中看到第4个项目被截断。但是，如果我把最高的物品放在第一位，它就可以很好地工作。

摆脱明显的解决方案；我不知道物品的高度。我只能在测试期间这样做。

-

adapter_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:animateLayoutChanges="true"
    android:padding="@dimen/padding_view_small">

    <ImageView
        android:id="@+id/image"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center_horizontal"
        app:srcCompat="@drawable/flamme"/>

    <TextView
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/black"
        android:layout_marginTop="@dimen/padding_view_small"
        android:text="@string/placeholder"
        android:gravity="center_horizontal"/>

</LinearLayout>

parent.xml

<LinearLayout
    android:id="@+id/symbol_list_parent"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="@drawable/container_content"
    android:padding="@dimen/padding_view_normal">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/symbol_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"/>

</LinearLayout>

Activity.java

...
final ProductPictogramAdapter symbolAdapter = new ProductPictogramAdapter();
final View symbolListParent = findViewById(R.id.symbol_list_parent);
RecyclerView symbolList = findViewById(R.id.symbol_list);
symbolList.setLayoutManager(new LinearLayoutManager(ProductDetailActivity.this, LinearLayoutManager.HORIZONTAL, false));
symbolList.setAdapter(symbolAdapter);
symbolList.setHasFixedSize(true);

Answer 1

将您的imageview高度更改为wrap_content。我不确定，尝试那样。

Answer 2

尝试一下。无论如何，您解决了问题吗？

mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
    public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
        final int newHeight = recyclerView.getMeasuredHeight();
        if (0 != newHeight && minHeight < newHeight) {
        // keep track the height and prevent recycler view optimizing by resizing
            minHeight = newHeight;
            recyclerView.setMinimumHeight(minHeight);
        }
    }
});

Answer 3

由于这个问题引起了很大的关注，我只在评论中发布了我的个人解决方案，我也将提交答案。

-

我决定使用Google's Flexbox layout库来实现我想要的。这是非常可定制的，我会推荐给尝试解决类似问题的人。

Answer 4

我遇到了我用以下代码解决的同样错误；

binding.recyclerView.setHasFixedSize(false);