使用 Glide 在 recyclerview 中水平加载图像数组

Question

我有一个 recyclerview。我正在尝试将图像水平加载到其中，但我不断收到 foll 错误

You must provide a Model of a type for which there is a registered ModelLoader, if you are using a custom model, you must first call Glide#register with a ModelLoaderFactory for your custom model class

我尝试了很多搜索，但找不到对我有帮助的答案。以下是我的代码

public class Images {

    public String[] imageUrl;



    public String[] getImageUrl() {
        return imageUrl;
    }

    public void setImageUrl(String[] imageUrl) {
        this.imageUrl = imageUrl;
    }

    public Images(String[] imageUrl) {
        this.imageUrl = imageUrl;
    }
}


public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.MyViewHolder> {

    private Context context;
    private List<Images> imagesList;

    public class MyViewHolder extends RecyclerView.ViewHolder {
        public ImageView recyclerimageView;

        public MyViewHolder(View view) {
            super(view);
            recyclerimageView=(ImageView)view.findViewById(R.id.recyclerlistitemimageview);
        }


    }
    public RecyclerAdapter(Context context,List<Images> imagesList){
        this.context=context;
        this.imagesList=imagesList;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View itemView = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.recyclerlistitem, parent, false);

        return new MyViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
      //  Glide.with(context).load(myarr).into(holder.recyclerimageView);
        Images images=imagesList.get(position);
        Glide.with(context).load(images.getImageUrl()).into(holder.recyclerimageView);
         }

    @Override
    public int getItemCount() {
        return imagesList.size();
       // return myarr.length;
    }
}


public class Arrayclass {
public static String activa3gimage3[]={"https://firebasestorage.googleapis.com/v0/b/venetian-honda-179411.appspot.....",
    "https://firebasestorage.googleapis.......",
    "https://firebasestorage.googleapis....",
    "https://firebasestorage.googleapis......"};

}

我已经将我的图片上传到服务器并获取了 activa3gimage3 数组中图片的 uri

    public class ModelLineUpInnerActivity extends AppCompatActivity {
     private List<Images> imagesList = new ArrayList<>();
    private RecyclerView recyclerView;
    private RecyclerAdapter mAdapter;
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_model_line_up_inner);
        recyclerView=(RecyclerView)findViewById(R.id.recyclerview);
Images images=new Images(Arrayclass.activa3gimage3);
                imagesList.add(images);
mAdapter = new RecyclerAdapter(ModelLineUpInnerActivity.this,imagesList);
        recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, true));
        recyclerView.setItemAnimator(new DefaultItemAnimator());
        recyclerView.setAdapter(mAdapter);
    }
    }

我知道错误是由于 Glide 造成的，我正在尝试将图像数组加载到其中，但不知道如何解决它。任何帮助将不胜感激。

Answer 1

您需要使用单个 url 来下载图像并将其加载到使用索引数组的单个图像中，因此请使用

 Glide.with(context).load(images.getImageUrl()[position]).into(holder.recyclerimageView);
 //                                           ^^^^^^^^^^

更新：

您的列表仅包含单个项目，因此您需要修改列表中的所有项目

Images images=new Images(Arrayclass.activa3gimage3);
imagesList.add(images); //  single item so single view

---

使用List<String> 并避免使用Images，因为您的适配器只需要字符串url 来加载图像。

public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.MyViewHolder> {

    private Context context;
    private List<String> imagesList;
    // use String list 

    public RecyclerAdapter(Context context,List<String> imagesList){
        this.context=context;
        this.imagesList=imagesList;
    }


    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
          Glide.with(context).load(imagesList.get(position)).into(holder.recyclerimageView);
         }

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

 // ... code 

并设置适配器，如

 private List<String> imagesList = new ArrayList<>();

 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_model_line_up_inner);
        recyclerView=(RecyclerView)findViewById(R.id.recyclerview);

        imagesList.addAll(new ArrayList<>(Arrays.asList(Arrayclass.activa3gimage3)));
        mAdapter = new RecyclerAdapter(ModelLineUpInnerActivity.this,imagesList);

        recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, true));
        recyclerView.setItemAnimator(new DefaultItemAnimator());
        recyclerView.setAdapter(mAdapter);
    }

Answer 2

images.getImageUrl() 是数组，您需要一个带有图片网址的String

使用List<String> 而不是List<Images>（也可以在您的RecyclerAdapter 和ModelLineUpInnerActivity 中更新它）

private List<String> imagesList = new ArrayList<>();

在此列表中添加您的网址，如下所示：

imagesList.addAll(Arrays.asList(Arrayclass.activa3gimage3));

之后你就可以加载你的图片了：

String image = imagesList.get(position);
Glide.with(context).load(image).into(holder.recyclerimageView);