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

时间:2017-01-04 19:30:37

标签: android android-recyclerview

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

大多数项目都是正常显示的,但有时某些项目在显示时无法正确调整大小,直到我滚动RecyclerView,此时所有错误显示的项目都会正确调整大小。请参阅随附的屏幕截图:Left wrongly displayed items, right correctly displayed items after scrolling up&down

在上面的屏幕截图中,我们可以看到项目的高度(或者仅仅是其背景)是如何达不到内容高度的。但我遇到类似物品宽度的问题,其中一些物品比RecyclerView宽度短,但总是在物品的右侧。

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

我的问题是,在显示尺寸不同的商品列表时,有没有人遇到过类似的问题?[查看更新]

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

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

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

我尝试过(没有效果):

  1. 设置ViewHolder.itemView的layoutParams,我将高度设置为WRAP_CONTENT
  2. 名为ViewHolder.itemView.requestLayout(); (正如一些stackoverflow问题中所建议的那样)
  3. 名为ViewHolder.itemView.invalidate();
  4. 我确实找到了一个在某种程度上证实了我的假设的答案,我需要在绑定项目中提供内容的维度,即使这可能由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);
    

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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

然而,一旦它为第一项进行了变异,随后对 mutate 的调用就会返回原始值。原始中的 mMutated 标志被设置为 true,因此随后的突变没有任何作用。奇怪的行为。

在修复中,它为每个项目执行 getDrawable(),然后对其进行变异。这工作正常。