Question

我想使用Glide Image Library动态地将图像添加到ViewPager中。我有一个CustomPagerAdapter类： -

public class CustomPagerAdapter extends PagerAdapter {

    private Context mContext;
    private LayoutInflater mLayoutInflater;
    private List<DressDetailResult> mResources;

    public CustomPagerAdapter(Context context, List<DressDetailResult> images) {
        this.mContext = context;
        this.mLayoutInflater = (LayoutInflater) mContext
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        this.mResources = images;
    }

    @Override
    public int getCount() {
        return this.mResources.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == ((RelativeLayout) object);
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View itemView = mLayoutInflater.inflate(R.layout.item_dress_detail_vertical_vp, container, false);

        ImageView imageView = (ImageView) itemView.findViewById(R.id.item_dress_detail_vertical_vp_iv_dress);

        DressDetailResult dressDetailResult = mResources.get(position);

     Log.e("image url detail", " " + dressDetailResult.getImages());

        Glide.with(mContext).load(dressDetailResult.getImages())
                .diskCacheStrategy(DiskCacheStrategy.ALL)
                .into(imageView);

        container.addView(itemView);

        return itemView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((RelativeLayout) object);
    }
}

这是我使用RetroFit 2.0的Model Class： -

package com.webmavens.sherrihill.models.DressDetail;

import java.util.List;

import com.google.gson.annotations.Expose;
import com.google.gson.annotations.SerializedName;

public class DressDetailResult {


    @SerializedName("images")
    @Expose
    private List<String> images = null;


    public List<String> getImages() {
        return images;
    }

    public void setImages(List<String> images) {
        this.images = images;
    }

}

在列表中获取图片网址，但不知道如何将其加载到Glide中，即使我尝试使用下面的代码加载，但它只加载一个图片，而不是为下一个图片添加另一个页面：

List<String> stringList = dressDetailResult.getImages();

 Glide.with(mContext).load(stringList.get(position))
                .diskCacheStrategy(DiskCacheStrategy.ALL)
                .into(imageView);

ImageUrls数组的Logcat是： -

    [http://chandrajeet.com/wp-content/uploads/2015/02/3148608-lg.jpg, 
http://www.gettyimages.in/gi-resources/images/Embed/new/embed2.jpg, 
http://www.thinkstockphotos.in/ts-resources/images/home/TS_AnonHP_462882495_01.jpg,
    http://hdwallpapershdpics.com/wp-content/uploads/2016/02/4237684-images.jpg]

我认为它将所有阵列加载到滑行中，我如何个性化它？

Answer 1

因为您使用instantiateItem为viewpager创建项目。您需要为此方法中的所有视图声明 final 以保留页面实例。应该是这样的：

final View itemView = mLayoutInflater.inflate(R.layout.item_dress_detail_vertical_vp, container, false);

final ImageView imageView = (ImageView) itemView.findViewById(R.id.item_dress_detail_vertical_vp_iv_dress);
...

Answer 2

确保已正确设置滑动库。

所有必要步骤均可在此link中找到。

如果您已经检查了所有用于集成滑翔库的盒子，那么：

<uses-permission android:name="android.permission.INTERNET" />

在清单文件中添加此行代码以进行Internet访问。

另外：为了避免多个请求队列，请考虑将上下文传递给应用程序类（Singleton Design Practice）。但只是你知道你当前的背景也应该做所需的工作。

将图像动态添加到包含ImageView（个别页面）的viewpager中

2 个答案: