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

ak9*_*k93 6 android android-recyclerview

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

大多数项目都正常显示,但有时在我滚动 RecyclerView 之前,某些项目在显示时无法正确调整大小,此时所有错误显示的项目都已正确调整大小。请参阅随附的屏幕截图:左边错误显示的项目,上下滚动后正确显示的项目

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

这些项的背景是在xml资源中定义的可绘制形状,并通过以下方式设置在RecyclerAdapter的onBindViewHolder方法中: viewHolder.itemView.setBackground(Drawable drawable);

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

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

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

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

我试过(没有效果):

  1. 要设置 ViewHolder.itemView 的 layoutParams,我会将高度设置为 WRAP_CONTENT
  2. 调用 ViewHolder.itemView.requestLayout(); (如一些stackoverflow问题中所建议的)
  3. 调用 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>
Run Code Online (Sandbox Code Playgroud)

这是我的适配器的来源:

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;
    }
}
Run Code Online (Sandbox Code Playgroud)

这是膨胀的布局的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>
Run Code Online (Sandbox Code Playgroud)

这就是我设置 RecyclerView 的方式:

playlistAdapter = new ListAdapter(this, mShownItems,"PlaylistAdapter");
playlistAdapter.setOnItemClickListener(this);
playlistAdapter.setOnItemChildClickListener(this);
playlistView.setAdapter(playlistAdapter);
playlistView.addItemDecoration(new ItemListDecorator());
Run Code Online (Sandbox Code Playgroud)

我的 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;
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

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

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);
}
Run Code Online (Sandbox Code Playgroud)

vh.itemView.setBackgroundResource(R.drawable.list_row_bg);
Run Code Online (Sandbox Code Playgroud)

所以现在我的问题是两者之间有什么区别,为什么第二个工作和第一个会产生开头描述的问题?

小智 0

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

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

Drawable lineBoxBg = AppCompatResources.getDrawable(this, R.drawable.line_box_bg);
Run Code Online (Sandbox Code Playgroud)

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

GradientDrawable bg = (GradientDrawable) lineBoxBg.mutate();
Run Code Online (Sandbox Code Playgroud)

然而,一旦第一个项目发生变异,后续对 mutate 的调用只会返回原始项目。原始版本中的 mMutated 标志被设置为 true,因此后续突变不会执行任何操作。奇怪的行为。

固定的是对每个项目执行 getDrawable() ,然后对其进行变异。这很好用。