-3

我是这个论坛的新手。CardView 有问题。我使用 recyclerview 来绑定数据,并使用带有 staggeredgridlayoutmanager 的 picasso 显示大量图像。但是当我滚动视图时,图像刷新(自然),卡片改变位置并返回到原始尺寸,有时会消失。有解决办法吗?以及我如何使用缓存来保存我用毕加索加载的图像?

这是代码:

public final static class BusStopViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {

    private ImageView mImage;

    private WeakReference<OnItemClickListener> mOnItemClickListenerWeakReference;

    /**
     * This is the interface to implement to listen to the click on the item
     */
    public interface OnItemClickListener {

        /**
         * Invoked when we select a bus stop
         *
         * @param position The selected position
         */
        void onItemClicked(int position);

        }

        Context context;

        public BusStopViewHolder(View itemView, Context context) {
            super(itemView);
            this.context = context;
            mImage = ViewUtility.findViewById(itemView, R.id.country_photo);

            itemView.setOnClickListener(this);
        }

        /**
         * We use this to register a specific OnItemClickListener
         *
         * @param onItemClickListener The OnItemClickListener
         */
        public void setOnItemClickListener(final OnItemClickListener onItemClickListener) {
            Log.e("setOnItemClickListener", "true");
            this.mOnItemClickListenerWeakReference = new WeakReference<OnItemClickListener>(onItemClickListener);

            if (this.mOnItemClickListenerWeakReference == null)
                Log.e("setOnItemClickListener", "null");
        }

        /**
         * This binds the model to the View
         *
         * @param image The model to map
         */
        private LruCache<String, ImageView> mMemoryCache;
        private int flag = 0;

        public void bind(Image image, int position) {

            Picasso.with(context).load(image.url).fit().centerInside().into(mImage); //todo risolvere gestione eventi
            mImage.setOnClickListener(this);

        }



    public final static class BusStopAdapter extends RecyclerView.Adapter<BusStopViewHolder> implements BusStopViewHolder.OnItemClickListener {

        /**
         * The model for the Adapter
         */
        private List<Image> mModel;

        /**
         * The Reference to the Listener for BusStop selection
         */
        private WeakReference<OnImageStopListener> mOnItemClickListenerWeakReference;


        @Override
        public void onItemClicked(int position) {
            Log.e("onItemClicked 1", "true");
            OnImageStopListener listener;
            if (this.mOnItemClickListenerWeakReference != null && (listener = this.mOnItemClickListenerWeakReference.get()) != null) {
                Log.e("OnItemCLicked 2", "true");
                listener.onBusStopClicked(mModel.get(position), position);

            }

        }

        /**
         *

     This is the interface to implement to listen to the click on the item
             */
        public interface OnImageStopListener {

            /**
             * Invoked when we select a bus stop
             *
             * @param busStop  The selected BusStop
             * @param position The selected position
             */
            void onBusStopClicked(Image busStop, int position);

        }

        /**
         * Creates a BusStopAdapter for the given model
         *
         * @param model The model for this Adapter
         */
        Context context;

        BusStopAdapter(final List<Image> model, Context context) {
            this.mModel = model;
            this.context = context;
        }

    /**
     * We use this to register a specific OnBusStopListener
     *
     * @param onImageStopListener The OnBusStopListener
     */ 
    public void setOnBusStopListener(final OnImageStopListener onImageStopListener) {
        Log.e("setOnBusStopListener", "true");
        this.mOnItemClickListenerWeakReference = new WeakReference<OnImageStopListener>(onImageStopListener);

        if (this.mOnItemClickListenerWeakReference.get() == null)
            Log.e("setOnBusStopListener", "null");
        else Log.e("setOnBusStopListener", "NOT null");
    }

    int i = 0;

    @Override
    public BusStopViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        // We inflate the data and return the related ViewHolder
        final View layout = LayoutInflater.from(viewGroup.getContext())
                    .inflate(R.layout.simple_img_layout, viewGroup, false);
        return new BusStopViewHolder(layout, context);    
    }

    int j = 0;

    @Override
    public void onBindViewHolder(BusStopViewHolder busStopViewHolder, int position) {

        busStopViewHolder.bind(mModel.get(position), position);
        busStopViewHolder.setOnItemClickListener(this);
    }

    public void setData(List<Image> mModel) {
        this.mModel = mModel;
    }

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

这是xml文件:

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardUseCompatPadding="true"
    card_view:cardCornerRadius="4dp"
    card_view:contentPadding="0dp"

    android:layout_gravity="fill"
    card_view:cardPreventCornerOverlap="false">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/country_photo"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="0dip"
            android:paddingTop="0dip"
            android:paddingBottom="0dip"
            android:adjustViewBounds="true"
            android:layout_gravity="fill"
            android:minHeight="150dp"
            android:minWidth="150dp"
            android:layout_centerInParent="true"
            android:scaleType="fitCenter" />



    </RelativeLayout>

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



<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_design_support_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/rootLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/ciao"
                android:layout_width="match_parent"
                android:layout_height="65dp"
                android:background="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|enterAlways"
                android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                style="@style/AppTheme"
                />

            <android.support.design.widget.TabLayout
                android:id="@+id/tab_layout"
                android:layout_width="match_parent"
                android:elevation="4dp"
                android:layout_height="wrap_content"
                app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

        </android.support.design.widget.AppBarLayout>
        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" >

        </android.support.v4.view.ViewPager>
        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab_search"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_marginBottom="@dimen/material_botton_margin"
            android:layout_marginRight="@dimen/material_botton_margin"
            android:src="@drawable/ic_search_white_24dp"
            app:backgroundTint="@color/colorAccent"
            app:backgroundTintMode="src_over"
            app:fabSize="normal"
            app:rippleColor="#00FF00"/>
    </android.support.design.widget.CoordinatorLayout>

</android.support.v4.widget.DrawerLayout>
4

1 回答 1

0

1.你应该使用谷歌的 Glide

2.如果可能,您应该定义图像(视图和图像)的高度和宽度。

3.使用图片占位符

4.如果你没有图片的链接,你应该为ImageView设置null。

Ps:请在此处发布您的代码。

于 2017-05-17T18:56:46.950 回答