在滚动表格视图之前不会加载图像

Question

我有 Xamarin.iOS 项目，我在哪里使用 TableView

这里是tableView源码

 public class ExperienceSourceNew: UITableViewSource
{
    private UINavigationController primNav { get; set; }
    private UITableView tableView { get; set; }
    List<Experience> TableItems;
    ExperienceViewControllerNew _owner;
    static NSString cellIdentifier = new NSString("newcell_id");
    public ExperienceSourceNew(List<Experience> items, ExperienceViewControllerNew owner, UINavigationController nav)
    {
        TableItems = items;
        _owner = owner;
        primNav = nav;
    }
    public override nint RowsInSection(UITableView tableview, nint section)
    {

        if (TableItems.Count == 0)
        {


            var noDataLabel = new UILabel
            {
                Text = "No Experiences at your location at this time. Try to change destination",
                TextColor = UIColor.Black,
                TextAlignment = UITextAlignment.Center,
                LineBreakMode = UILineBreakMode.WordWrap,
                Lines = 0
            };
            tableview.BackgroundView = noDataLabel;
            tableview.SeparatorStyle = UITableViewCellSeparatorStyle.None;

            return TableItems.Count;
        }
        else
        {
            tableview.BackgroundView = null;
            tableview.SeparatorStyle = UITableViewCellSeparatorStyle.SingleLine;
            return TableItems.Count;
        }


    }

    public override async void RowSelected(UITableView tableView, NSIndexPath indexPath)
    {
        var selectedExperience = await ExperienceMethods.GetSelectedTour(TableItems[indexPath.Row].id);
        if (selectedExperience == "Saved")
        {
            ExperienceDetailViewController ExperienceDetailController = primNav.Storyboard.InstantiateViewController("ExperienceDetailViewController") as ExperienceDetailViewController;
            primNav.PushViewController(ExperienceDetailController, true);

        }
        else
        {
            UIAlertController okAlertController = UIAlertController.Create("", "Cannot select this experience", UIAlertControllerStyle.Alert);
            okAlertController.AddAction(UIAlertAction.Create("OK", UIAlertActionStyle.Default, null));
        }
        tableView.DeselectRow(indexPath, true);

    }


    public override UITableViewCell GetCell(UITableView tableView, NSIndexPath indexPath)
    {
        var cell = (ExperienceCellNew)tableView.DequeueReusableCell(cellIdentifier, indexPath);
        Experience item = TableItems[indexPath.Row];
        cell.UpdateCell(item);
        return cell;
    }

我为 TableView 使用自定义 Cell，所以这里是它的代码

public ExperienceCellNew (IntPtr handle) : base (handle)
    {

    }
    internal void UpdateCell(Experience experience)
    {
        var image_url = "https://xplorpal.com/" + experience.cover_image.img_path + "/150x150/" + experience.cover_image.img_file;
        ExperienceTitleNew.Text = experience.title;
        ExperiencePriceNew.Text = "$" + experience.price;
        NSUrlSession session = NSUrlSession.SharedSession;
        var dataTask = session.CreateDataTask(new NSUrlRequest(new NSUrl(image_url)), (data, response, error) =>
        {
            if (response != null)
            {
                DispatchQueue.MainQueue.DispatchAsync(() =>
                {
                    ExperienceImageNew.Image = UIImage.LoadFromData(data);
                });
            }
        });

        dataTask.Resume();
    }
}

我的问题，图像没有出现在视图加载中，我在标签中有文本，但没有图像。如果我滚动 TableView，图像会出现在单元格中。

问题可能在哪里以及如何解决？

Answer 1

具有大量行的表格视图在给定时间仅显示其总项目的一小部分。对于表格视图来说，只请求正在显示的行的单元格是有效的，因此在滚动表格视图时，单元格被重复使用，单元格内的数据被重新填充。

由于您使用的是下载的图像，因此速度似乎很慢。

您可以尝试加载与单元格内的图像视图完全相同大小的图像。

This is similar to your issue

并且还将图像分配给主线程上的 imageview 并使其同步，因为 UI 更改需要同步访问主线程。

Answer 2

作为替代方案，您可以使用FFImageLoading，它可以让您这样做

ImageService.LoadUrl(image_url).Into(ExperienceImageNew);