CardView的图像未显示在RecyclerView

时间:2016-08-25 09:06:32

标签: android android-recyclerview cardview

我的问题基本上是在RecyclerView内部无法看到CardView的图像。

我会注意到我在应用程序的其他部分使用此卡并且它没有任何问题 - 同样在卡片中XML也是一些与此无关的部分,因为它们与点击时的动画有关在它上面。

编辑:我尝试了相同的代码,但在onCreateViewHolder中膨胀了另一个仅包含图片的.xml文件,并且工作正常...所以问题缩小到{ {1}}未显示图片和说明。

我正在尝试做的是在RecyclerView内显示这张卡: enter image description here

我最终得到的是: enter image description here

通常我使用的是不同的布局管理器,但为了简单起见,我使用标准的LinearLayoutManager上传代码,同时我将一些函数留空,因为这对于这个问题无关紧要: / p>

碎片

card_layout.xml

fragment_favorites.xml

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();
        }


    }

}

card_layout.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>

3 个答案:

答案 0 :(得分:0)

您没有将视图绑定到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 ...

答案 1 :(得分:0)

如果我没弄错,你忘了在ImageView上设置图像。 mItemImage.setImageResource(R.drawable.apple);

参考:

How to set image in imageview in android?

答案 2 :(得分:0)

可能会发生一些事情。

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

你的布局有一种奇怪的设置。建议尽可能避免使用嵌套布局,因为它们会影响性能。您提到由于动画而省略了一些内容,但我强烈建议您进行一些更改。如果你能够全面了解布局应该是什么样子,我可以调整一下;但这是一个粗略的想法:

<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,但我无法确定您希望它去哪里。

如果有帮助,请告诉我。