RecyclerView 项目背景可绘制不会将尺寸调整为内容大小答案

【问题标题】：RecyclerView items background drawable doesn't adjust dimensions to content sizeRecyclerView 项目背景可绘制不会将尺寸调整为内容大小
【发布时间】：2017-01-04 19:30:36
【问题描述】：

所以我得到了一个显示项目列表的 RecyclerView。每个项目由一个 ImageView 和两个 TextView 组成。其中一个 TextViews 显示项目的名称，该名称的长度与每个项目不同，其中某些项目可能只有一行用于此 TextView，而其他项目可能有两个或树。

大多数项目都正常显示，但有时某些项目在显示时无法正确调整大小，直到我滚动 RecyclerView，此时所有错误显示的项目都已正确调整大小。见附件截图：

在上面的屏幕截图中，我们可以看到项目（或者可能只是其背景）的高度低于内容高度。但是我在项目宽度方面遇到了类似的问题，其中一些项目比 RecyclerView 宽度短，但总是在项目的右侧。

这些项目的背景是一个在xml资源中定义的可绘制形状，并通过：viewHolder.itemView.setBackground(Drawable drawable);在RecyclerAdapter的onBindViewHolder方法中设置

我的问题是，有没有人在显示大小不同的项目列表时遇到过类似的问题？[查看更新]

我在 Stackoverflow 上搜索了很多，但没有找到类似的东西。

我得出的结论是，如果问题出在适配器回收未使用的项目时，并且在使用旧视图持有人时没有重新测量新内容，那么必须有一种方法强制它在 onBindViewHolder( )。但我似乎找不到办法做到这一点。

还有一个小想法，可能只是背景没有调整大小，因为确实显示了项目内容，但背景没有拉伸。

我试过了（没有效果）：

设置 ViewHolder.itemView 的 layoutParams，这里我将设置高度为 WRAP_CONTENT
调用 ViewHolder.itemView.requestLayout(); （正如一些 stackoverflow 问题中所建议的那样）
调用 ViewHolder.itemView.invalidate();

我确实找到了一个答案，这在一定程度上证实了我的假设，即我需要为绑定项目提供内容的尺寸，即使这可能应该由 RecyclerView.Adapter 自动完成： https://stackoverflow.com/a/11091945/4089261

那么我应该如何在不影响 RecyclerView 性能的情况下提供 onBindViewHolder 中每个项目的尺寸？ [查看更新]

这是背景的xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorListElementBackground"/>
    <stroke android:color="@color/colorListElementOutline" android:width="1dp"/>
    <corners android:radius="3dp"/>
</shape>

这是我的适配器的来源：

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

    private Context mContext;
    private ArrayList<Item> mDataset;
    private int activeItemId = -1;
    private String adapterTAG = "";

    private RecyclerAdapterItemClickListener onItemClickListener = null;
    private OnListItemChildClickListener onItemChildClickListener = null;

    private Drawable background, backgroundActive, expandDrawable, foldDrawable;

    public ListAdapter(Context context, ArrayList<Item> dataset, String tag){
        mContext = context;
        mDataset = dataset;
        adapterTAG = tag;

        background = ResourcesCompat.getDrawable(mContext.getResources(),
                R.drawable.list_row_bg, null);
        backgroundActive = ResourcesCompat.getDrawable(mContext.getResources(),
                R.drawable.list_row_bg_selected, null);
        expandDrawable = ResourcesCompat.getDrawable(mContext.getResources(),
                R.drawable.ic_expand_arrow512,null);
        foldDrawable = ResourcesCompat.getDrawable(mContext.getResources(),
                        R.drawable.ic_collapse_arrow512,null);
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        // each data item is just a string in this case
        FontView title_text, timestamp_text;
        ImageView child_expansion_icon;
        ViewHolder(View v) {
            super(v);
            title_text = (FontView) v.findViewById(R.id.item_title);
            timestamp_text = (FontView) v.findViewById(R.id.item_timestamp);
            child_expansion_icon = (ImageView)v.findViewById(R.id.child_expansion_icon);
        }
    }

    public void setActiveItemId(int itemId){
        activeItemId = itemId;
        this.notifyDataSetChanged();
    }

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

    @Override
    public void onBindViewHolder(final ListAdapter.ViewHolder vh, final int position) {
        Item itme = mDataset.get(position);
        vh.title_text.setText(item.getTitle());
        vh.timestamp_text.setText(item.getTimestampString());

        if(activeItemId == item.getId()) {
            vh.itemView.setBackground(backgroundActive);
        }else{
            vh.itemView.setBackground(background);
        }

        if(!item.hasChildren()){
            vh.child_expansion_icon.setVisibility(View.INVISIBLE);
        }else{
            vh.child_expansion_icon.setVisibility(View.VISIBLE);
            if(!item.isExpanded()){
                vh.child_expansion_icon.setImageDrawable(expandDrawable);
            }else {
                vh.child_expansion_icon.setImageDrawable(foldDrawable);
            }
            vh.child_expansion_icon.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(onItemChildClickListener!=null){
                        onItemChildClickListener.onListItemChildClick(vh.child_expansion_icon,position);
                    }
                }
            });
        }

        vh.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if(onItemClickListener!=null) {
                    onItemClickListener.onListItemClick(adapterTAG,vh.getAdapterPosition());
                }
            }
        });
    }

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

    @Override
    public long getItemId(int position) {
        return mDataset.get(position).getId();
    }

    public void setOnItemClickListener(RecyclerAdapterItemClickListener listener){
        this.onItemClickListener = listener;
    }

    public void setOnItemChildClickListener(OnListItemChildClickListener listener){
        onItemChildClickListener = listener;
    }
}

这是被膨胀的布局的 xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="@drawable/list_row_bg"
    style="@style/list_row_item"
    android:padding="10dp"
    >

    <ImageView
        android:id="@+id/child_expansion_icon"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:visibility="visible"
        />

    <LinearLayout
        android:id="@+id/item_details"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_weight="1"
        >
        <FontView
            android:id="@+id/item_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginStart="10dp"
            android:ellipsize="end"
            android:minLines="2"
            style="@style/list_row_item_title"
            android:text="Item 1"/>

        <FontView
            android:id="@+id/item_timestamp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="26dp"
            android:layout_marginStart="26dp"
            style="@style/list_row_item_timestamp"
            android:text="0:00:00"/>
    </LinearLayout>
</LinearLayout>

这就是我设置 RecyclerView 的方式：

playlistAdapter = new ListAdapter(this, mShownItems,"PlaylistAdapter");
playlistAdapter.setOnItemClickListener(this);
playlistAdapter.setOnItemChildClickListener(this);
playlistView.setAdapter(playlistAdapter);
playlistView.addItemDecoration(new ItemListDecorator());

我的 ItemListDecorator：

public class ItemListDecorator extends RecyclerView.ItemDecoration {

    public ItemListDecorator(){
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        ListAdapter adapter = (ListAdapter)parent.getAdapter();
        int pos = parent.getChildAdapterPosition(view);
        if(adapter.getItemCount()>0) {
            Item item = adapter.getItem(pos);
            if(item!=null) {
                //set displayed left margin depending on item level
                outRect.left = AppUtils.dpToPx(view, (item.getLevel() - 1) * 10);
                outRect.right = 0;
            }
        }
    }
}

更新： 我通过改变我主动设置每个项目的背景的方式解决了这个问题：

Drawable background;
public ListAdapter(...){
    background = ResourcesCompat.getDrawable(mContext.getResources(),
                    R.drawable.list_row_bg, null);
}
@Override
    public void onBindViewHolder(final ListAdapter.ViewHolder vh, final int position) {
    vh.itemView.setBackground(background);
}

到

vh.itemView.setBackgroundResource(R.drawable.list_row_bg);

所以现在我的问题是两者之间有什么区别，为什么第二个有效而第一个会产生开头描述的问题？

【问题讨论】：

我可以观察到这种行为。阅读您的更新后，我将背景更改为由资源 ID 加载，而不是使用 ResourceCompat 获取 Drawable 并手动设置背景可绘制对象。之后，一切都按预期工作。感谢您为我指明正确的方向。
Drawable 具有绘图属性，可能已被缓存。见loseyourmarbles.co/2013/09/…
@lannyf 这看起来很适合作为我最初问题的根源。链接的帖子也值得一读。谢谢。

标签： android android-recyclerview

【解决方案1】：

我遇到了类似的问题，背景不仅没有调整大小，而且当我使用 setColor() 更改颜色时，它会自动变回。

我曾经从资源中获取背景：

Drawable lineBoxBg = AppCompatResources.getDrawable(this, R.drawable.line_box_bg);

然后对每个项目进行变异：

GradientDrawable bg = (GradientDrawable) lineBoxBg.mutate();

但是，一旦对第一项进行了变异，随后对 mutate 的调用只会返回原始项。原始中的 mMutated 标志被设置为 true，因此后续的突变什么也没做。奇怪的行为。

固定它为每个项目执行 getDrawable()，然后对其进行变异。这很好用。

【讨论】：