在Android Studio中使用Glide在适配器类中显示图像时出现问题。

huangapple
未分类评论43阅读模式
英文:

Problem displaying an image in adapter class in android studio using glide

问题

  1. 我有两个文本视图和两个图像视图，它们需要在特定的帖子中显示。文本视图显示正确，但图像应该显示的地方出现了空白。以下是适配器类：
  3. import android.content.Context;
  4. import androidx.annotation.NonNull;
  5. import androidx.recyclerview.widget.RecyclerView;
  6. import android.net.Uri;
  7. import android.view.LayoutInflater;
  8. import android.view.View;
  9. import android.view.ViewGroup;
  10. import android.widget.ImageView;
  11. import android.widget.TextView;
  12. import com.bumptech.glide.Glide; // 导入Glide库
  13. import java.util.List;
  15. public class PostAdapter extends RecyclerView.Adapter<PostAdapter.MyViewHolder> {
  16.     Context mContext;
  17.     List<Advertisement> mData;
  19.     public PostAdapter(Context mContext, List<Advertisement> mData) {
  20.         this.mContext = mContext;
  21.         this.mData = mData;
  22.     }
  24.     @NonNull
  25.     @Override
  26.     public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
  27.         View row = LayoutInflater.from(mContext).inflate(R.layout.row_post_item, parent, false);
  28.         return new MyViewHolder(row);
  29.     }
  31.     @Override
  32.     public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
  33.         holder.tvProduct.setText(mData.get(position).getProductName());
  34.         holder.tvDescription.setText(mData.get(position).getProductDescription());
  35.         Glide.with(mContext).load(mData.get(position).getProductImageUrl()).into(holder.imgPost);
  36.     }
  38.     @Override
  39.     public int getItemCount() {
  40.         return mData.size();
  41.     }
  43.     public class MyViewHolder extends RecyclerView.ViewHolder {
  44.         TextView tvDescription;
  45.         TextView tvProduct;
  46.         ImageView imgPost;
  47.         ImageView imgPostProfile;
  49.         public MyViewHolder(View itemView) {
  50.             super(itemView);
  51.             tvDescription = itemView.findViewById(R.id.row_post_description);
  52.             tvProduct = itemView.findViewById(R.id.row_post_product);
  53.             imgPost = itemView.findViewById(R.id.row_post_img);
  54.             imgPostProfile = itemView.findViewById(R.id.row_post_profile_img);
  55.         }
  56.     }
  57. }

row_post.xml 文件：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:app="http://schemas.android.com/apk/res-auto"
  5.     xmlns:tools="http://schemas.android.com/tools"
  6.     android:layout_width="match_parent"
  7.     android:layout_height="250dp">
  9.     <ImageView
  10.         android:id="@+id/row_post_img"
  11.         android:layout_width="148dp"
  12.         android:layout_height="152dp"
  13.         android:layout_marginTop="50dp"
  14.         android:layout_marginEnd="130dp"
  15.         android:contentDescription="TODO"
  16.         android:scaleType="centerCrop"
  17.         app:layout_constraintEnd_toEndOf="parent"
  18.         app:layout_constraintTop_toTopOf="parent"
  19.         app:srcCompat="@drawable/ic_launcher_background" />
  21.     <TextView
  22.         android:id="@+id/row_post_description"
  23.         android:layout_width="0dp"
  24.         android:layout_height="wrap_content"
  25.         android:layout_marginStart="16dp"
  26.         android:layout_marginEnd="8dp"
  27.         android:layout_marginBottom="8dp"
  28.         android:text="TextView"
  29.         android:textColor="#040404"
  30.         app:layout_constraintBottom_toBottomOf="parent"
  31.         app:layout_constraintEnd_toStartOf="@+id/row_post_profile_img"
  32.         app:layout_constraintStart_toStartOf="parent" />
  34.     <ImageView
  35.         android:id="@+id/row_post_profile_img"
  36.         android:layout_width="48dp"
  37.         android:layout_height="48dp"
  38.         android:layout_marginEnd="16dp"
  39.         android:layout_marginBottom="8dp"
  40.         app:layout_constraintBottom_toBottomOf="parent"
  41.         app:layout_constraintEnd_toEndOf="parent"
  42.         tools:srcCompat="@tools:sample/avatars" />
  44.     <TextView
  45.         android:id="@+id/row_post_product"
  46.         android:layout_width="wrap_content"
  47.         android:layout_height="wrap_content"
  48.         android:layout_marginStart="16dp"
  49.         android:layout_marginTop="16dp"
  50.         android:text="TextView"
  51.         android:textColor="#050505"
  52.         app:layout_constraintStart_toStartOf="parent"
  53.         app:layout_constraintTop_toTopOf="parent" />
  54. </androidx.constraintlayout.widget.ConstraintLayout>

Advertisement 类：

  1. import androidx.annotation.Keep;
  3. @Keep
  4. public class Advertisement {
  5.     private String productName;
  6.     private String productDescription;
  7.     private String productImageUrl;
  9.     public Advertisement(String productName, String productImageUrl, String productDescription) {
  10.         this.productName = productName;
  11.         this.productImageUrl = productImageUrl;
  12.         this.productDescription = productDescription;
  13.     }
  15.     public Advertisement() {
  16.     }
  18.     public String getProductName() {
  19.         return productName;
  20.     }
  22.     public void setProductName(String productName) {
  23.         this.productName = productName;
  24.     }
  26.     public String getProductDescription() {
  27.         return productDescription;
  28.     }
  30.     public void setProductDescription(String productDescription) {
  31.         this.productDescription = productDescription;
  32.     }
  34.     public String getProductImageUrl() {
  35.         return productImageUrl;
  36.     }
  38.     public void setProductImageUrl(String productImageUrl) {
  39.         this.productImageUrl = productImageUrl;
  40.     }
  41. }

请注意，我在适配器类中添加了 Glide 图像加载库，以加载图像到 ImageView 中。这应该有助于解决您在图像显示方面遇到的问题。

英文:

I have two text views and two image views that has to show up in a particular post. The text View shows up correctly, but I see a blank space where the image should be.
Here is the adapter class :

  1. import android.content.Context;
  2. import androidx.annotation.NonNull;
  3. import androidx.recyclerview.widget.RecyclerView;
  4. import android.net.Uri;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.ImageView;
  9. import android.widget.TextView;
  10. import java.util.List;
  11. public class PostAdapter extends RecyclerView.Adapter&lt;PostAdapter.MyViewHolder&gt; {
  12.     Context mContext;
  13.     List&lt;Advertisement&gt; mData ;
  14.     Uri imguri;
  15.     String url;
  16.     public PostAdapter(Context mContext, List&lt;Advertisement&gt; mData) {
  17.         this.mContext = mContext;
  18.         this.mData = mData;
  19.     }
  20.     @NonNull
  21.     @Override
  22.     public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
  23.         View row = LayoutInflater.from(mContext).inflate(R.layout.row_post_item,parent,false);
  24.         return new MyViewHolder(row);
  25.     }
  26.     @Override
  27.     public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
  28.         holder.tvProduct.setText(mData.get(position).getProductName());
  29.         holder.tvDescription.setText(mData.get(position).getProductDescription());
  30.         /*url=mData.get(position).getProductImageUrl();
  31.         imguri = Uri.parse(url);
  32.         holder.imgPost.setImageURI(imguri);*/
  33.         Glide.with(mContext).load(mData.get(position).getProductImageUrl()).into(holder.imgPost);
  34.     }
  35.     @Override
  36.     public int getItemCount() {
  37.         return mData.size();
  38.     }
  39.     public class MyViewHolder extends RecyclerView.ViewHolder {
  40.         TextView tvDescription;
  41.         TextView tvProduct;
  42.         ImageView imgPost;
  43.         ImageView imgPostProfile;
  44.         public MyViewHolder(View itemView) {
  45.             super(itemView);
  46.             tvDescription = itemView.findViewById(R.id.row_post_description);
  47.             tvProduct = itemView.findViewById(R.id.row_post_product);
  48.             imgPost = itemView.findViewById(R.id.row_post_img);
  49.             imgPostProfile = itemView.findViewById(R.id.row_post_profile_img);
  50.            
  51.         }
  52.     }
  53. }

And this is the row_post.xml file :

  1. &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  2. &lt;androidx.constraintlayout.widget.ConstraintLayout
  3.     xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
  4.     xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
  5.     xmlns:tools=&quot;http://schemas.android.com/tools&quot;
  6.     android:layout_width=&quot;match_parent&quot;
  7.     android:layout_height=&quot;250dp&quot;&gt;
  10.     &lt;ImageView
  11.         android:id=&quot;@+id/row_post_img&quot;
  12.         android:layout_width=&quot;148dp&quot;
  13.         android:layout_height=&quot;152dp&quot;
  14.         android:layout_marginTop=&quot;50dp&quot;
  15.         android:layout_marginEnd=&quot;130dp&quot;
  16.         android:contentDescription=&quot;TODO&quot;
  17.         android:scaleType=&quot;centerCrop&quot;
  18.         app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  19.         app:layout_constraintTop_toTopOf=&quot;parent&quot;
  20.         app:srcCompat=&quot;@drawable/ic_launcher_background&quot; /&gt;
  23.     &lt;TextView
  24.         android:id=&quot;@+id/row_post_description&quot;
  25.         android:layout_width=&quot;0dp&quot;
  26.         android:layout_height=&quot;wrap_content&quot;
  27.         android:layout_marginStart=&quot;16dp&quot;
  28.         android:layout_marginEnd=&quot;8dp&quot;
  29.         android:layout_marginBottom=&quot;8dp&quot;
  30.         android:text=&quot;TextView&quot;
  31.         android:textColor=&quot;#040404&quot;
  32.         app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
  33.         app:layout_constraintEnd_toStartOf=&quot;@+id/row_post_profile_img&quot;
  34.         app:layout_constraintStart_toStartOf=&quot;parent&quot; /&gt;
  36.     &lt;ImageView
  37.         android:id=&quot;@+id/row_post_profile_img&quot;
  38.         android:layout_width=&quot;48dp&quot;
  39.         android:layout_height=&quot;48dp&quot;
  40.         android:layout_marginEnd=&quot;16dp&quot;
  41.         android:layout_marginBottom=&quot;8dp&quot;
  42.         app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
  43.         app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  44.         tools:srcCompat=&quot;@tools:sample/avatars&quot; /&gt;
  46.     &lt;TextView
  47.         android:id=&quot;@+id/row_post_product&quot;
  48.         android:layout_width=&quot;wrap_content&quot;
  49.         android:layout_height=&quot;wrap_content&quot;
  50.         android:layout_marginStart=&quot;16dp&quot;
  51.         android:layout_marginTop=&quot;16dp&quot;
  52.         android:text=&quot;TextView&quot;
  53.         android:textColor=&quot;#050505&quot;
  54.         app:layout_constraintStart_toStartOf=&quot;parent&quot;
  55.         app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  56. &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;

Note : I checked that I do get a url through the method getProductImageUrl() .
Please help me on how to rectify this problem. Been stuck on it for a while now

This is the Advertisement class

  1. import androidx.annotation.Keep;
  3. @Keep
  4. public class Advertisement {
  5.     private String productName;
  6.     private String productDescription;
  7.     private String productImageUrl;
  8.     public Advertisement(String productName,String productImageUrl,String productDescription)
  9.     {
  10.         this.productName=productName;
  11.         this.productImageUrl=productImageUrl;
  12.         this.productDescription=productDescription;
  13.     }
  14.     public Advertisement()
  15.     {
  16.     }
  19.     @Override
  20.     public String toString() {
  21.         return &quot;Advertisement{&quot; +
  22.                 &quot;product_Name=&#39;&quot; + productName + &#39;\&#39;&#39; +
  23.                 &quot;, product_Image_URL=&#39;&quot; + productImageUrl + &#39;\&#39;&#39; +
  24.                 &quot;, product_Description=&#39;&quot; + productDescription +
  25.                 &#39;}&#39;;
  26.     }
  27.     public String getProductName() {
  28.         return productName;
  29.     }
  31.     public void setProductName(String productName) {
  32.         this.productName = productName;
  33.     }
  35.     public String getProductDescription() {
  36.         return productDescription;
  37.     }
  39.     public void setProductDescription(String productDescription) {
  40.         this.productDescription = productDescription;
  41.     }
  43.     public String getProductImageUrl() {
  44.         return productImageUrl;
  45.     }
  47.     public void setProductImageUrl(String productImageUrl) {
  48.         this.productImageUrl = productImageUrl;
  49.     }
  50. }

Here is a screenshot of the database
在Android Studio中使用Glide在适配器类中显示图像时出现问题。

huangapple
  • 本文由 发表于 2020年7月25日 00:10:28
  • 转载请务必保留本文链接：https://java.coder-hub.com/63077412.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定