UITableViewCell + SDWebImage 在滚动时不显示/保留图像

Question

我有一个UITableView，带有一个表格源和一个自定义单元格。自定义单元格由一个 UIImageView 和两个标签组成。 UIImageView 图像必须从需要身份验证令牌才能下载的 url 下载。

我为此使用SDWebImage。在我必须在单个ImageView 中加载图像之前，我已经成功使用了该库。这是我第一次在TableView 中使用它，但我无法让它工作。这是我尝试过的东西

UITableViewSource.cs

public override UITableViewCell GetCell(UITableView tableView, NSIndexPath indexPath)
{
    var cell = peopleHomeController.tablePeopleSearch.DequeueReusableCell("PeopleNewSearchCell") as PeopleNewSearchCell ?? PeopleNewSearchCell.Create(); ;

    if(peopleHomeController.isSearch)
    {
        var data = peopleHomeController.peopleList.ElementAt(indexPath.Row);
        cell.UpdateCell(data);
    }
    else
    {
        var data = peopleHomeController.relatedPeopleList.ElementAt(indexPath.Row);
        cell.UpdateCell(data);
    }
    return cell;
}

PeopleNewSearchCell.cs

public  void UpdateCell(CustomValue mValue)
{
    labelPeopleEmail.Text = email = mValue.mail;
    labelPersonName.Text = mValue.name;

    if (!string.IsNullOrEmpty(mValue.mobilePhone))
    {
        labelPhone.Text = mValue.mobilePhone;
    }
    else
    {
        labelPhone.Text = "-";
    }


    var mUrl = "someimageurl";

    var manager = SDWebImageManager.SharedManager;
    manager.ImageCache.MaxCacheAge = 86400;
    manager.ImageCache.ShouldCacheImagesInMemory = true;
    SDWebImageDownloader mDownloader = manager.ImageDownloader;


    mDownloader.SetHttpHeaderValue(authToken, "Authorization");
    mDownloader.SetHttpHeaderValue("application/json; odata=verbose", "Accept");
    mDownloader.SetHttpHeaderValue("f", "X-FORMS_BASED_AUTH_ACCEPTED");


    try
    {
        mDownloader.DownloadImage(
         url: new NSUrl(mUrl),
         options: SDWebImageDownloaderOptions.UseNSUrlCache,
         progressBlock: (receivedSize, expectedSize) =>
         {
              //Track progress...
         },
         completedBlock: (image, data, error, finished) =>
         {

             if (image != null && finished)
             {
                 InvokeOnMainThread(() =>
                 {

                     this.imgPeopleProfile.Image = image;
                 });

             }
             if (error != null)
             {
                 InvokeOnMainThread(() =>
                 {
                     this.imgPeopleProfile.Image = UIImage.FromFile("ic_account.png");

                 });
             }
         }


        );
    }
    catch (Exception ex)
    {
    }


    CALayer profileImageCircle = imgPeopleProfile.Layer;
    profileImageCircle.CornerRadius = 40;
    profileImageCircle.BorderWidth = 2;
    profileImageCircle.BorderColor = UIColor.White.CGColor;
    profileImageCircle.MasksToBounds = true;
}

public override void PrepareForReuse()
{
    base.PrepareForReuse();
    imgPeopleProfile.CancelCurrentImageLoad();
    imgPeopleProfile.Image = null;
}  

使用上面的代码，图像已下载但未显示，但在滚动时显示错误的单元格。此外，当图像显示在错误的单元格上时，如果我不滚动，错误单元格的图像也会消失。 （我希望我说得通）。正如一些关于 SO 的答案中提到的，我还取消了 PrepareForReuse() 上的任何图像加载。

2 天以来，我完全被这个问题困扰，非常感谢任何帮助。

Answer 1

使用此行创建一个单元格，如果找到，它将使用现有单元格，否则将为您创建一个新单元格。

let cell = tableView.dequeueReusableCell(withIdentifier: "PeopleNewSearchCell", for: indexPath)as! PeopleNewSearchCell

现在在所有方法之外声明mDownloader，因为它可以在您的所有方法中访问，例如 iVar：

var mDownloader:SDWebImageDownloader!

然后在您的viewDidLoad() 方法中为SDWebImage 设置令牌和其他字段

var manager = SDWebImageManager.SharedManager;
manager.ImageCache.MaxCacheAge = 86400;
manager.ImageCache.ShouldCacheImagesInMemory = true;

mDownloader = manager.ImageDownloader;


mDownloader.SetHttpHeaderValue(authToken, "Authorization");
mDownloader.SetHttpHeaderValue("application/json; odata=verbose", "Accept");
mDownloader.SetHttpHeaderValue("f", "X-FORMS_BASED_AUTH_ACCEPTED");

现在在 tableView 的数据源方法中使用mDownloader 为单元格下载图像：

public override UITableViewCell GetCell(UITableView tableView, NSIndexPath indexPath)
{
  let cell = tableView.dequeueReusableCell(withIdentifier:   "PeopleNewSearchCell", for: indexPath)as! PeopleNewSearchCell

  if(peopleHomeController.isSearch)
  {
      var data = peopleHomeController.peopleList.ElementAt(indexPath.Row);
    cell.UpdateCell(data);
  }else{
     var data = peopleHomeController.relatedPeopleList.ElementAt(indexPath.Row);
    cell.UpdateCell(data);
  }

 //download an image
 try
   {
    mDownloader.DownloadImage(
     url: new NSUrl(mUrl),
     options: SDWebImageDownloaderOptions.UseNSUrlCache,
     progressBlock: (receivedSize, expectedSize) =>
     {
          //Track progress...
     },
     completedBlock: (image, data, error, finished) =>
     {

         if (image != null && finished)
         {
             InvokeOnMainThread(() =>
             {

                 cell.imgPeopleProfile.Image = image;
             });

         }
         if (error != null)
         {
             InvokeOnMainThread(() =>
             {
                 cell.imgPeopleProfile.Image =  UIImage.FromFile("ic_account.png");

             });
         }
     }


    );
}
catch (Exception ex)
{
}
return cell;
}

并从updateCell() 方法中删除图片下载代码。