CardView 的图像未显示在 RecyclerView 中答案

【问题标题】：CardView's image not showing in a RecyclerViewCardView 的图像未显示在 RecyclerView 中
【发布时间】：2017-01-01 15:14:36
【问题描述】：

我的问题基本上是在 RecyclerView 中时看不到 CardView 的图像。

我会注意到我在应用程序的其他部分使用此卡，它不会产生任何问题 - 此外，卡 XML 中的某些部分也与此无关，因为它们与单击时的动画相关就可以了。

编辑：我尝试了相同的代码，但在 onCreateViewHolder 中膨胀了一个仅包含图像的不同 .xml 文件，并且它运行良好......所以问题缩小到 card_layout.xml不显示图像和描述。

我要做的是在 RecyclerView 中显示这张卡片：

我最终得到的是：

通常我使用不同的布局管理器，但为了简单起见，我使用标准 LinearLayoutManager 上传代码，我也将一些函数留空，因为对于这个问题并不重要：

片段

public class FavoritesFragment extends Fragment {

    private static final String TAG = "FavoritesFragment";

    private Context mContext;
    private RecyclerView mRecyclerView;
    private FavoritesAdapter mFavoritesAdapter;

    private ArrayList<String> testData;


    public FavoritesFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View layout = inflater.inflate(R.layout.fragment_favorites, container, false);

        mContext = getContext();

        testData = new ArrayList<>();
        testData.add("0");
        testData.add("1");
        testData.add("2");
        testData.add("3");
        testData.add("4");

        initRecyclerView(layout, testData);

        return layout;
    }



    private void initRecyclerView(View layout, ArrayList<String> testData) {

        mRecyclerView = (RecyclerView)layout.findViewById(R.id.recyclerViewFavorites);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(mContext));
        mRecyclerView.setHasFixedSize(true);
        mRecyclerView.setAdapter(new FavoritesAdapter(testData, mContext));
        mRecyclerView.addOnScrollListener(new CenterScrollListener());
    }

    private class FavoritesAdapter extends RecyclerView.Adapter<FavoritesAdapter.ViewHolder> {

        private List<String> data;
        private Context mContext;

        // ViewHolder to hold the card
        public class ViewHolder extends RecyclerView.ViewHolder {

            private View mContainer;
            private ImageView mItemImage;
            private TextView mDescription;
            private TextView mPrice;
            private TextView mShippingDate;

            public ViewHolder(View cardView) {
                super(cardView);

                mContainer = cardView.findViewById(R.id.card_container);
                mItemImage = (ImageView)cardView.findViewById(R.id.card_item_image);
                mDescription = (TextView)cardView.findViewById(R.id.card_description);
                mPrice = (TextView)cardView.findViewById(R.id.card_description);
                mShippingDate = (TextView)cardView.findViewById(R.id.card_shipping);
            }
        }

        public FavoritesAdapter(List<String> data, Context context) {
            mContext = context;
            this.data = data;
        }

        @Override
        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(mContext).inflate(R.layout.card_layout, parent, false);

            return new ViewHolder(view);
        }

        @Override
        public void onBindViewHolder(ViewHolder holder, int position) {

        }

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


    }

}

fragment_favorites.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.panasonixx.asosplus.FavoritesFragment">

    <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerViewFavorites"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerInParent="true" />

</FrameLayout>

card_layout.xml

<android.support.v7.widget.CardView xmlns:cardview="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/card_container"
    cardview:cardCornerRadius="2dp"
    cardview:cardElevation="4dp"
    cardview:cardUseCompatPadding="true">

    <RelativeLayout
        android:id="@+id/relativeLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <FrameLayout
            android:id="@+id/frameLayout"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentBottom="false"
            android:layout_alignParentTop="true"
            android:layout_alignParentEnd="false"
            android:layout_alignParentStart="false"
            android:layout_above="@+id/card_description">

            <LinearLayout
                android:id="@+id/linearView"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:background="@android:color/holo_purple"
                android:gravity="center_vertical"
                android:orientation="vertical"
                android:visibility="gone">

                <LinearLayout
                    android:id="@+id/layoutButtons"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:orientation="vertical"
                    android:visibility="gone">

                    <Button
                        style="@style/Widget.AppCompat.Button.Colored"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="@dimen/activity_vertical_margin"
                        android:text="@string/card_reveal_buy" />

                    <Button
                        style="@style/Widget.AppCompat.Button.Colored"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="@dimen/activity_vertical_margin"
                        android:text="@string/card_reveal_share" />

                    <Button
                        style="@style/Widget.AppCompat.Button.Colored"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/card_reveal_favorite" />


                </LinearLayout>

            </LinearLayout>

            <ImageView
                android:id="@+id/card_item_image"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:contentDescription="@string/image"
                android:src="@drawable/test_image"
                android:scaleType="centerCrop"
                android:layout_gravity="center_horizontal|top" />

        </FrameLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="@string/price"
            android:id="@+id/card_price"
            android:layout_alignParentBottom="true"
            android:layout_alignParentStart="true"
            android:layout_margin="2dp" />

        <TextView
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="@string/shipping"
            android:id="@+id/card_shipping"
            android:textAlignment="viewEnd"
            android:layout_alignTop="@+id/card_price"
            android:layout_alignParentEnd="true"
            android:layout_marginLeft="2dp"
            android:layout_marginRight="2dp"
            android:layout_marginTop="2dp"
            android:layout_marginBottom="2dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="@string/desc"
            android:id="@+id/card_description"
            android:textAlignment="center"
            android:layout_above="@+id/card_price"
            android:layout_alignParentStart="true"
            android:layout_alignEnd="@+id/card_shipping"
            android:layout_marginBottom="8dp" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@string/card_image_description"
            android:id="@+id/card_shipping_icon"
            android:src="@drawable/ic_local_shipping"
            android:layout_alignTop="@+id/card_shipping"
            android:layout_toStartOf="@+id/card_shipping" />


    </RelativeLayout>


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

【问题讨论】：

标签： android android-recyclerview cardview

【解决方案1】：

如果我没记错的话，你忘了在ImageView 上设置图像。即 mItemImage.setImageResource(R.drawable.apple);

参考：

How to set image in imageview in android?

【讨论】：

资源已经附加在 XML 文件中，ViewHolder 现在没有做任何事情，它只是未来功能的模板

【解决方案2】：

可能会发生一些事情。

首先，该图像的大小是多少？如果它很大，则可能无法正确加载位图。如果它在应用程序的其他部分加载正常，我怀疑这是问题，但绝对是一个考虑因素。

您的布局设置有点奇怪。建议尽可能避免使用嵌套布局，因为它们会影响性能。你提到你因为动画而省略了一些东西，但我强烈建议你做一些改变。如果你能给我一个布局应该是什么样子的全貌，我可以调整这个；但这是一个粗略的想法：

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:cardview="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
cardview:cardCornerRadius="2dp"
cardview:cardElevation="4dp"
cardview:cardUseCompatPadding="true">

<RelativeLayout
    android:id="@+id/relativeLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:id="@+id/layoutButtons"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:orientation="vertical"
        android:visibility="gone">

        <Button
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/activity_vertical_margin"
            android:text="buy" />

        <Button
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/activity_vertical_margin"
            android:text="share" />

        <Button
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="reveal" />

    </LinearLayout>

    <ImageView
        android:id="@+id/card_item_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal|top"
        android:adjustViewBounds="true"
        android:contentDescription="image"
        android:scaleType="centerCrop"
        android:layout_above="@+id/card_price"
        android:src="@drawable/ic_dashboard_black_24dp" />

    <TextView
        android:id="@+id/card_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_margin="2dp"
        android:text="price"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/card_shipping"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignTop="@+id/card_price"
        android:layout_marginBottom="2dp"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
        android:layout_marginTop="2dp"
        android:text="shipping"
        android:textAlignment="viewEnd"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/card_description"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/card_price"
        android:layout_alignEnd="@+id/card_shipping"
        android:layout_alignParentStart="true"
        android:layout_marginBottom="8dp"
        android:text="desc"
        android:textAlignment="center"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <ImageView
        android:id="@+id/card_shipping_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/card_shipping"
        android:layout_toStartOf="@+id/card_shipping"
        android:contentDescription="desc"
        android:src="@drawable/ic_event_black_24dp" />

</RelativeLayout>

很有可能，您应该可以使用按钮摆脱 LinearLayout，但我无法确定您想要它去哪里。

如果有帮助，请告诉我。

【讨论】：

感谢 Ryan 的回复，虽然我使用的是 github.com/4k3R/material-sharing-card 这里的卡片模板，这就是为什么我需要嵌套布局，一个用于背景弹出，第二个用于显示按钮跨度>

【解决方案3】：

您没有将视图绑定到 onBindViewHolder 方法中的行，像这样使用它：

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder,final int position) {
    final ViewHolder myHolder = (ViewHolder ) holder;
    Favourite fav=Favourites.get(position);
    holder.mItemImage.setImageBitmap etc ...

【讨论】：

我正在直接对 card_layout.xml 进行膨胀 - 我没有使用任何数据，你说得对，但现在我只想看到它显示
然后在你的假数据中定义整数并添加R.drawable.yourdrawable
即使我对已经定义了图像 src 的 XML 进行膨胀，这是否必要？
试一试也无妨，几行代码就行了。
好吧，我刚刚编辑了原始帖子，似乎问题出在card_layout.xml 中，因为当我尝试相同的代码时，只在onCreateViewHolder 中膨胀了一个包含图像的不同.xml，所有这些都运行良好- 我觉得很奇怪