ios - Swift 中的 UIImage 内存问题

Question

UIImage 有问题。每次调用下面的函数时，内存都会增加 5 MB。

我有 200 张图片，我担心它会在我的 iPad 2 (512 MB) 上崩溃，所以我在我的应用程序中添加了分页 - 每页包含 20 张图片。

而且它还在崩溃。如何减少每个页面上的内存量？

func loadImage(index:Int){
    if self.imgPaths.count == 0 {
        println("Has not data")
        actInd.stopAnimating()
        return
    }
    var imgURL: NSURL = NSURL(string: self.imgPaths[index].stringByTrimmingCharactersInSet(.whitespaceAndNewlineCharacterSet()))!
    let width:CGFloat = self.view.bounds.width
    let height:CGFloat = self.view.bounds.height
    var view:UIView = UIView(frame: CGRectMake(0, 0, width, height));

    if let imgObj = self.dicData[index] {

    }
    else
    {
    println("imgURL \(imgURL)")
    let request: NSURLRequest = NSURLRequest(URL: imgURL)
    NSURLConnection.sendAsynchronousRequest(request, queue: NSOperationQueue.mainQueue(), completionHandler: {(response: NSURLResponse!,data: NSData!,error: NSError!) -> Void in
        if error == nil {
            let imgItem = UIImage(data: data)!

            var te :Float = self.imgPaths.count > 0 ? Float(index  + 1) / Float(self.imgPaths.count) : 1
            self.progressView.setProgress(te, animated: true)

            if let imgObj = self.dicData[index] {

                if index < self.imgPaths.count - 1
                {
                    var nextIndex:Int = index + 1
                    self.loadImage(nextIndex)
                }
                if(index == self.imgPaths.count - 1)
                {
                    if self.currentImageIndex > 0
                    {
                        self.isAddedFirstImg = true
                    }
                    if !self.isAddedFirstImg
                    {
                        self.scrollViews[0].zoomScale = self.zoomScales[0]
                        self.view.insertSubview(self.scrollViews[0], belowSubview: self.tabBar.viewWithTag(77)!)
                        self.isAddedFirstImg = true
                    }

                    self.actInd.stopAnimating()
                    println("loaded image")
                }
            }
            else
            {
                self.dicData[index] = UIImageView(image: imgItem)

                self.dicData[index]?.frame = CGRect(origin: CGPointMake(0.0, 0.0), size:imgItem.size)

                // 2
                self.scrollViews[index].addSubview(self.dicData[index]!)
                self.scrollViews[index].contentSize = imgItem.size

                // 3
                var doubleTapRecognizer = UITapGestureRecognizer(target: self, action: "scrollViewDoubleTapped:")
                doubleTapRecognizer.numberOfTapsRequired = 2
                doubleTapRecognizer.numberOfTouchesRequired = 1
                self.scrollViews[index].addGestureRecognizer(doubleTapRecognizer)

                var singleTapRecognizer = UITapGestureRecognizer(target: self, action: "scrollViewSingleTapped:")
                singleTapRecognizer.numberOfTapsRequired = 1
                singleTapRecognizer.numberOfTouchesRequired = 1
                self.scrollViews[index].addGestureRecognizer(singleTapRecognizer)

                var swipeRight = UISwipeGestureRecognizer(target: self, action: "respondToSwipeGesture:")
                swipeRight.direction = UISwipeGestureRecognizerDirection.Right
                self.scrollViews[index].addGestureRecognizer(swipeRight)

                var swipeLeft = UISwipeGestureRecognizer(target: self, action: "respondToSwipeGesture:")
                swipeLeft.direction = UISwipeGestureRecognizerDirection.Left
                self.scrollViews[index].addGestureRecognizer(swipeLeft)

                // 4
                var scrollViewFrame = self.scrollViews[index].frame
                var scaleWidth = scrollViewFrame.size.width / self.scrollViews[index].contentSize.width
                var scaleHeight = scrollViewFrame.size.height / self.scrollViews[index].contentSize.height
                var minScale = min(scaleWidth, scaleHeight)
                self.zoomScales[index] = minScale
                self.scrollViews[index].minimumZoomScale = minScale

                // 5
                self.scrollViews[index].maximumZoomScale = 1.0
                self.scrollViews[index].delegate = self

                // 6
                self.centerScrollViewContents(index)

                dispatch_async(dispatch_get_main_queue(), {
                    println("downloaded image index: \(index) CH.\(self.chapterID)")
                    if(index == 0)
                    {
                        self.scrollViews[0].zoomScale = self.zoomScales[0]
                        self.view.insertSubview(self.scrollViews[0], belowSubview: self.tabBar.viewWithTag(77)!)
                        self.actInd.stopAnimating()
                    }

                    if index < self.imgPaths.count - 1 && !self.stopDownload
                    {
                        var nextIndex:Int = index + 1
                        self.loadImage(nextIndex)
                    }
                    if(index == self.imgPaths.count - 1)
                    {
                        if self.currentImageIndex > 0
                        {
                            self.isAddedFirstImg = true
                        }
                        if !self.isAddedFirstImg
                        {
                            self.scrollViews[0].zoomScale = self.zoomScales[0]
                            self.view.insertSubview(self.scrollViews[0], belowSubview: self.tabBar.viewWithTag(77)!)
                            self.isAddedFirstImg = true
                        }

                        self.actInd.stopAnimating()
                        println("loaded image")
                    }
                })
            }
        }
        else {
            println("Error: \(error.localizedDescription)")
        }
    })
    }
}

Answer 1

您的直觉(不是试图同时加载 200 张高分辨率图像)是正确的。

这里有两个问题:

1. 如果图像尺寸大大超过了您在其中显示它们的 ImageView 的尺寸(或者更准确地说， ImageView 的尺寸乘以设备的比例)，那么你应该resize the image到适合当前 ImageView 的大小。将大图像加载到小 ImageView 中仍然需要大量内存。因此，如有必要，请调整图像大小。

2. 您应该只在内存中保存在任何给定时间可见的图像。那些滚动到 View 之外的应该从内存中删除。当前不可见的图像应该缓存到一些持久存储中，这样您就可以释放内存，同时能够快速重新检索图像，而不必返回到网络服务来获取图像。

   看起来您是在手动将 ImageView 对象添加到 ScrollView 。要使用 ScrollView 正确执行此操作涉及复杂的 UIScrollViewDelegate 逻辑，该逻辑确定哪些 ImageView 可见并删除 ScrollView 可见部分之外的 ImageView 。使用 UITableView 或 UICollectionView 或 UIPageViewController 更容易，它们为您提供了在 ImageView 滚动进出 View 时管理/重用它们的机制.决定其中哪些是合适的在一定程度上取决于所需的 UI。但希望这能说明这个想法:不要试图同时加载 ScrollView 中的所有图像。与其自己手动分页，不如考虑使用 iOS 内置控件之一，它可以大大简化此过程。

顺便说一句，您还可以考虑使用像 SDWebImage 提供的 UIImageView 类别这样的图像框架。或 AFNetworking .这些允许使用非常简单的机制从 Web 服务异步检索图像。您仍然希望使用上述机制之一来管理 ImageView ，但这两个框架中的任何一个都会简化您的网络代码(延迟加载、异步图像检索、图像缓存、并发图像检索，这将大大提高性能，等)。