Приподнятые элементы RecyclerView постепенно деформируются (изменения высоты)

Любая идея, почему элементы RecyclerView деформируются, каждый последующий элемент становится хуже?

ОБНОВЛЕНИЕ: я использую CardViews, и теперь нет «деформации» вида, но изменяется высота тени/возвышения.

Кажется, что высота становится выше в зависимости от того, где на экране элемент расположен по вертикали, тень увеличивается по мере прокрутки элемента вниз. Видео можно посмотреть здесь: https://youtu.be/nROYq8rpUMs.

Я создал новый проект, оставив только код, необходимый для демонстрации проблемы:

MainActivity.java

package tzig.schm00.masterdetail;

import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


import tzig.schm00.masterdetail.dummy.DummyContent;

import java.util.List;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        View recyclerView = findViewById(R.id.item_list);
        setupRecyclerView((RecyclerView) recyclerView);

    }

    private void setupRecyclerView(@NonNull RecyclerView recyclerView) {
        recyclerView.setAdapter(new SimpleItemRecyclerViewAdapter(DummyContent.ITEMS));
    }

    public class SimpleItemRecyclerViewAdapter
            extends RecyclerView.Adapter<SimpleItemRecyclerViewAdapter.ViewHolder> {

        private final List<DummyContent.DummyItem> mValues;

        public SimpleItemRecyclerViewAdapter(List<DummyContent.DummyItem> items) {
            mValues = items;
        }

        @Override
        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.list_item, parent, false);
            return new ViewHolder(view);
        }

        @Override
        public void onBindViewHolder(final ViewHolder holder, int position) {
            holder.mItem = mValues.get(position);
            holder.mIdView.setText(mValues.get(position).id);
            holder.mContentView.setText(mValues.get(position).content);
        }

        @Override
        public int getItemCount() {
            return mValues.size();
        }

        public class ViewHolder extends RecyclerView.ViewHolder {
            public final View mView;
            public final TextView mIdView;
            public final TextView mContentView;
            public DummyContent.DummyItem mItem;

            public ViewHolder(View view) {
                super(view);
                mView = view;
                mIdView = (TextView) view.findViewById(R.id.id);
                mContentView = (TextView) view.findViewById(R.id.content);
            }

            @Override
            public String toString() {
                return super.toString() + " '" + mContentView.getText() + "'";
            }
        }
    }
}

Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/item_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        app:layoutManager="LinearLayoutManager"
        tools:context="tzig.schm00.myapplication.MainActivity" />

</FrameLayout>

list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/cont_item_root"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="8dp"
    card_view:cardElevation="10dp"
    card_view:cardMaxElevation="10dp"
    card_view:cardUseCompatPadding="true">

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/text_margin"
            android:textAppearance="?attr/textAppearanceListItem" />

        <TextView
            android:id="@+id/content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/text_margin"
            android:textAppearance="?attr/textAppearanceListItem" />
    </LinearLayout>

</android.support.v7.widget.CardView>

Новое наблюдение: похоже, это стандартное поведение. Выглядит так же, когда средство выбора изображений отображает папки с помощью CardViews...

Любая помощь приветствуется!

Спасибо!!


comment
Приведите свой пример кода, воображение не поможет.   -  person Remario    schedule 05.03.2017
comment
Извините, новичок в этом! Спасибо за ваш быстрый ответ. Это список с использованием FirebaseRecyclerAdapter и LinearLayoutManager. Какая часть кода будет полезна? Спасибо еще раз!   -  person stas    schedule 05.03.2017
comment
Установите 0dp для относительной высоты макета   -  person Remario    schedule 05.03.2017
comment
Мне нужно, чтобы он был поднят, но выглядел так же, как и первый элемент....   -  person stas    schedule 05.03.2017
comment
Думал, что решил это с помощью CardViews... Хотя это выглядит намного лучше, но эффект тот же: каждый следующий элемент имеет большую высоту...   -  person stas    schedule 05.03.2017
comment
вау, это безумие, плохо смотреть дальше.   -  person Remario    schedule 05.03.2017
comment
@Remario У меня та же проблема с увеличением высоты элемента recyclerview вниз по странице. Удалось ли вам ее решить?   -  person Jayem    schedule 16.02.2021


Ответы (3)


Вот как это должно быть в соответствии с Material Design: Окружающая среда: Свет и тени: Свет.

Также см. ответ https://stackoverflow.com/a/51216164/6685260

person Gabriel Cséfalvay    schedule 06.07.2018

Добавьте фон к вашему RelativeLayout — кажется, что возвышение должно работать правильно. Я проверил это с вашим макетом, и он действительно работает.

person Cheticamp    schedule 06.03.2017
comment
Привет, спасибо за вашу помощь. Я попытался установить фон для RelativeLayout, а также для CardView. К сожалению, это не решило проблему. Что я заметил, так это то, что высота увеличивается не с каждым следующим элементом списка, а зависит от его расположения по вертикали. Посмотрите это видео: youtu.be/nROYq8rpUMs - person stas; 07.03.2017
comment
Не уверен насчет CardView. Ответ, который я предоставил, явно позаботился о проблеме с трапецией, которая у вас была до того, как был введен CardView. - person Cheticamp; 07.03.2017

У меня была такая же проблема, и в моем случае проблема была вызвана фоновым рисунком, который я установил в своем RecyclerViewAdapter#onBindViewHolder:

// this spoiled the shadows!
cardView.setBackgroundDrawable(ContextCompat.getDrawable(context, myColorResourceId);

После того, как я удалил строку выше, проблема исчезла!

(Чтобы иметь как фон, так и красивые тени, я использовал внутренний элемент, заполняющий CardView, и применил к нему фон вместо CardView)

person Mikhail    schedule 09.10.2017