为什么我的图像无法加载到Recyclerview中

时间:2019-09-05 03:36:02

标签: android android-image glide

Glide 不会在我的recycler view上加载与产品链接的图像。图像应从我的PHP MySQL数据库中提取。不太确定我做错了什么。请帮助

我尝试了一些在网络上找到的解决方案,但没有一个对我有用。

private String image;

上面是我的产品列表中的字符串标识符

 //loading the image
    Glide.with(mCtx)
            .load(product.getImage())
            .into(holder.imageView);
    holder.textViewPlateNumber.setText(product.getPlatenumber());
    holder.textView1.setText(product.getMake());
    holder.textView2.setText(product.getModel());
    holder.textView3.setText(product.getYear());
    holder.textViewName.setText(product.getName());
    holder.textDate.setText(product.getDate());

    holder.recyclerid.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {

            String platenumber = productList.get(position).getPlatenumber();
            String make = productList.get(position).getMake();
            String model = productList.get(position).getModel();
            String year = productList.get(position).getYear();
            String name = productList.get(position).getName();
            String date = productList.get(position).getDate();
            String vin = productList.get(position).getVin();
            String displacement = productList.get(position).getDisplacement();
            String fueltype = productList.get(position).getFueltype();
            String transmission = productList.get(position).getTransmission();
            String mileage = productList.get(position).getMileage();
            String ownerorcompany = 
     productList.get(position).getOwnerorcompany();
            String homeorcompanyaddress = 
  productList.get(position).getHomeorcompanyaddress();
            String contactnumber = 
 productList.get(position).getContactnumber();
             String emailaddress = productList.get(position).getEmailaddress();
            String facebook = productList.get(position).getFacebook();
            String image = productList.get(position).getImage();

上面是我用来显示适配器上每个项目的图像的代码。

 <de.hdodenhof.circleimageview.CircleImageView
            android:id="@+id/imageView"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:src="@drawable/car_avatar"
            app:civ_border_color="@color/cta"
            app:civ_border_width="2dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/guideline17"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

以上是应如何在我的xml文件中布置图像的方法。我的php sql中保存的其余项目会显示在列表中,但图像除外。这是我的php文件的样子:

$vehicle = array(); 
while ($row=mysqli_fetch_array($sql)) {
 $temp = array();



 $temp['id'] = $row['VehicleID']; 
 $temp['platenumber'] = $row['PlateNumber']; 
 $temp['make'] = $row['Make']; 
 $temp['model'] = $row['Model']; 
 $temp['year'] = $row['Year']; 
 $temp['name'] = $row['OwnerorCompany']; 
 $temp['date'] = $row['AddDate']; 
 $temp['image'] = $row['vehicleImage'];
 $temp['vin'] = $row['Vin'];
 $temp['displacement'] = $row['Displacement']; 
 $temp['fueltype'] = $row['FuelType'];
 $temp['transmission'] = $row['Transmission'];
 $temp['mileage'] = $row['Mileage'];
 $temp['ownerorcompany'] = $row['OwnerorCompany'];
 $temp['homeorcompanyaddress'] = $row['HomeorCompanyAddress'];
 $temp['contactnumber'] = $row['ContactNumber'];
 $temp['emailaddress'] = $row['EmailAddress'];
 $temp['facebook'] = $row['FacebookID'];

 array_push($vehicle, $temp);


 }
 echo json_encode($vehicle);
 //}
 ?>

这是将图像保存在我的数据库中的方式:

    $photo = $_POST['photo'];

    $id=uniqid();

    $path = "vehicle_upload/$id.jpeg";
    $finalpath = "http://192.168.0.10/widevalueautoInc 
    2/server/api/".$path;

当我运行该应用程序时,除了未在列表中显示的图像之外,其他所有程序都运行良好。这是我用来保存图像和大小的Java代码。

 private void addVehicle(String stringImage) {
 }

public String getStringImage(Bitmap bitmap){
    ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
    bitmap.compress(Bitmap.CompressFormat.JPEG, 100, byteArrayOutputStream);

    byte[] imageByteArray = byteArrayOutputStream.toByteArray();
    String encodedImage = Base64.encodeToString(imageByteArray, 
 Base64.DEFAULT);
    return encodedImage;
}
}

2 个答案:

答案 0 :(得分:0)

删除圆形图像视图并使用默认图像视图,以使用圆形裁剪..使用滑行圆形裁剪功能。...

Glide.with(context).load("dddd").apply(RequestOptions.circleCropTransform()).into(imageview);

答案 1 :(得分:0)

只需在实用工具类中创建如下所示的通用方法:

public static void setCircularImageToGlide(final Context context, final CircularImageView imageView, String imageUrl) {
        Glide.with(context).load("" + imageUrl).asBitmap().placeholder(R.drawable.ic_photo_placeholder).transform(new CircleTransform(context)).into(new BitmapImageViewTarget(imageView) {
            @Override
            protected void setResource(Bitmap resource) {
                RoundedBitmapDrawable circularBitmapDrawable =
                        RoundedBitmapDrawableFactory.create(context.getResources(), resource);
                circularBitmapDrawable.setCircular(true);
                imageView.setImageDrawable(circularBitmapDrawable);
            }
        });
    }

我已经将CircularImageView作为参数传递给您正在使用CircularImageView而不是简单的ImageView的方法single。

在需要将图像设置到CircularImageView的任何地方按以下方式调用它:

CommonUtil.setCircularImageToGlide(YOUR_CONTEXT, YOUR_CIRCULAR_IMAGE_VIEW, "" + YOUR_IMAGE_URL);

Am使用以下依赖项:

implementation 'com.github.bumptech.glide:glide:3.7.0'