Question

在我的应用中，我有UITableView。表中的每一行包含4个UIImages和4个UILabels，每个图像的图像大小约为50k。该表似乎在大约10行后滞后一点。我知道图像占用了一些空间，但如果我使用的是单元格重用标识符，它应该不是很平滑吗？代码如下：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    FriendViewCell *cell = (FriendViewCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];


    for(int i =0; i<4; i++) {



        if((int)indexPath.row*4+i<[self.currentUser.friends count]) {


            UIButton *button = cell.buttons[i];
            [button setTag:(int)indexPath.row*4+i];
            button.layer.cornerRadius = button.frame.size.width / 2;
            button.clipsToBounds = YES;
            UILabel *label = cell.labels[i];
            [button addTarget:self action:@selector(friendTapped:) forControlEvents:UIControlEventTouchUpInside];

            UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longPressFriend:)];
            [button addGestureRecognizer:longPress];

            //to unhide the hidden buttons and labels if it's a reused cell
            [button setEnabled:YES];
            [button setHidden:NO];
            [label setHidden:NO];

            //set username and profile pic
            PFUser *user =self.currentUser.friends[(int)indexPath.row*4+i];
            label.text=user.username;
            PFFile *userImageFile = user[@"profilePic"];
            [userImageFile getDataInBackgroundWithBlock:^(NSData *imageData, NSError *error) {
                if (!error) {
                    UIImage *image = [UIImage imageWithData:imageData];
                    [button setBackgroundImage:image forState:UIControlStateNormal];

                }
            }];

        }


}

内循环设置按钮的背景图像，这些按钮是从Parse.com下载的图像。我最初使用UIScrollView并在其上放置按钮，但现在已经切换到将它们放在一个表中，这样我就可以利用单元重用来获得内存优势。工作比以前好，但它仍然滞后。我可以采取哪些措施来改进它？

编辑：我现在添加了一个图像缓存来本地存储图像，现在只下载一次图像。它们存储在NSMutableDictionary个命名图像中。代码如下：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    FriendViewCell *cell = (FriendViewCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];

    NSLog(@"offset %f",self.tableView.contentOffset.y);
    for(int i =0; i<4; i++) {



        if((int)indexPath.row*4+i<[self.currentUser.friends count]) {



            UIButton *button = cell.buttons[i];
            [button setTag:(int)indexPath.row*4+i];
            button.layer.cornerRadius = button.frame.size.width / 2;
            button.clipsToBounds = YES;
            UILabel *label = cell.labels[i];
            [button addTarget:self action:@selector(friendTapped:) forControlEvents:UIControlEventTouchUpInside];

            UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longPressFriend:)];
            [button addGestureRecognizer:longPress];

            //to unhide the hidden buttons and labels if it's a reused cell
            [button setEnabled:YES];
            [button setHidden:NO];
            [label setHidden:NO];

            //set username and profile pic
            PFUser *user =self.currentUser.friends[(int)indexPath.row*4+i];
            label.text=user.username;

            UIImage *cachedImage = self.images[@(indexPath.row*4+i)];
            if (cachedImage) {
                NSLog(@"Have image");
                [button setBackgroundImage:cachedImage forState:UIControlStateNormal];
            }

            else {
                NSLog(@"Download image");
                //download code
                PFFile *userImageFile = user[@"profilePic"];
                [userImageFile getDataInBackgroundWithBlock:^(NSData *imageData, NSError *error) {
                    if (!error) {
                        UIImage *image = [UIImage imageWithData:imageData];
                        self.images[@(indexPath.row*4+i)] = image;
                        [button setBackgroundImage:image forState:UIControlStateNormal];

                    }
                }];

            }

现在看起来好一点虽然还有点滞后。可以将这样的图像存储在字典中吗？现在它不会占用内存中50kb *的图像数量吗？另一种方法是将其写入文件，然后根据需要提取图像，但这需要将文件数据转换为占用资源的图像，就像我之前不断从Parse.com上下载的数据进行转换一样。

编辑：

对于任何有兴趣的人，我解决了它的问题：

button.layer.cornerRadius = button.frame.size.width / 2;
button.clipsToBounds = YES;

导致滞后。看起来像使用图层是系统密集型的。删除了该代码，差异就像是白天和黑夜。谢谢你们

Answer 1

滞后和内存使用是不同的问题。您只能通过分析应用程序来确定，但我认为您的主要问题是您在委托方法中使用UIImage创建了4个imageWithData:实例。这意味着每次需要显示新行时，设备都会花费大量时间来解压缩下载的图像数据。这里需要注意的一点是，当您调用imageWithData:方法时，解压缩不会发生。它会在屏幕上显示图像时发生（UIKit会延迟加载）。

有几种方法可以解决问题。如果可能的话，你最好的选择是使用较小的图像。如果没有，那么您可以下载预先在单独的线程中可见的图像。

修改： 将所有图像存储在缓存中当然会导致内存问题。您可以使用NSCache类来缓存它们，这将在内存不足时自动清除缓存。在这种情况下，通常的方法是使用2级缓存，第一个是NSCache，第二个是基于磁盘的缓存。为了不减慢速度，基于磁盘的缓存当然应该在一个单独的线程中完成，否则它基本上和以前一样。甚至还有一个名为SDWebImage的库可以执行此操作，但您正在使用Parse，因此您无法直接使用它。

在屏幕上显示图像数据之前，可以使用iOS技术对其进行解码。它涉及解压缩数据，在新上下文中绘制数据，然后在单独的线程中创建新的UIImage。 SDWebImage使用了类似的方法。

Answer 2

这里发生了一些事情。

每次重复使用单元格时，您都会添加另一个手势识别器。每次重复使用时，还会在按钮上添加另一个目标。那些可能不会导致慢滚动，但它们会导致这些项目的工作方式出现问题
您是否在单元格不再可见或已被重复使用后取消网络请求？

滚动时UITableView滞后，每个单元格包含4个UIButtons和4个UILables

2 个答案: