快速在 UIImageView 上创建缩放

Posted

技术标签:

【中文标题】快速在 UIImageView 上创建缩放【英文标题】:Creating zoom on UIImageView in swift 【发布时间】:2018-12-09 01:48:03 【问题描述】:

我目前正在从我的服务器加载图像。图像很多,具体取决于它返回的图像数量。我已经能够成功显示这些图像,并且可以向下滚动查看所有图像。现在我的问题是我想要一种可以单击特定图像的方式,我将能够对其进行缩放。我在下面分享了我的代码:

//Declaration of variables
var albumID: String?
var imagePath: String?
var path: String?

var getClickImage = UIImageView()
var zoomscrollV = UIScrollView()
var imageArray = [String]()

//view did load
override func viewDidLoad() 
    super.viewDidLoad()

    setUpViewsAlbumPhotos()
    zoomscrollV.delegate = self
    if !CheckInternet.Connection()
        showAlert(title: "No Internet", message: "Please connect your device to an internet connection")
    else
        fetchPhotos(albumID: albumID)
    


//viewDidAppear
override func viewDidAppear(_ animated: Bool) 
    super.viewDidAppear(animated)
    zoomscrollV.isHidden = true
    zoomscrollV.frame = CGRect(x:0, y:0, width:self.view.frame.width, height:self.view.frame.height - 50)
    zoomscrollV.minimumZoomScale=1
    zoomscrollV.maximumZoomScale=10
    zoomscrollV.bounces=false

    self.view.addSubview(zoomscrollV)

    getClickImage=UIImageView()

    getClickImage.frame = CGRect(x:0, y:0, width:zoomscrollV.frame.width, height:zoomscrollV.frame.height)
    getClickImage.backgroundColor = .black
    getClickImage.contentMode = .scaleAspectFit
    zoomscrollV.addSubview(getClickImage)


//This code makes an async call to download images and details from the server



    let async_call = URL(string: "\(String.api_albumPhotos)\(albumID ?? "")")

        let request = NSMutableURLRequest(url: async_call!)
        request.httpMethod = "GET"
        request.addValue("application/json", forHTTPHeaderField: "Content-Type")
        request.addValue("application/json", forHTTPHeaderField: "Accept")

        let task = URLSession.shared.dataTask(with: request as URLRequest)
            data, response, error in
            if error != nil 
                print("error is:: \(error!.localizedDescription)")
                DispatchQueue.main.async 
                    self.showAlert(title: "Error", message: "Sorry try again later")
                    self.stopActivityLoader()
                
                return
            


            do 
                let myJSON = try JSONSerialization.jsonObject(with: data!, options: .mutableContainers) as? NSDictionary

                if let parseJSON = myJSON 

                    var responseCode: String!
                    var message: NSArray!

                    responseCode = parseJSON["responseCode"] as! String?
                    if responseCode == "200" 
                        DispatchQueue.main.async 
                            self.stopActivityLoader()
                            message = parseJSON["message"] as? NSArray
                            self.path = parseJSON["path"] as? String
                            if let message = message 
                                let totalMessage = message.count
                                let viewHeight = self.view.frame.height
                                var scrollHeight = 0
                                var contentViewTopConstraint: CGFloat = 20
//                                self.preference.set(parseJSON, forKey: UserDefaultKeys.albums.rawValue)
                                for obj in message
                                    if let dict = obj as? NSDictionary 
                                       self.imagePath = dict.value(forKey: "path") as? String
                                        let imageID = dict.value(forKey: "id") as? String


                                        let albumThumbnail = photos()
                                        self.scrollView.addSubview(albumThumbnail)
                                        albumThumbnail.translatesAutoresizingMaskIntoConstraints = false
                                        albumThumbnail.leadingAnchor.constraint(equalTo: self.contentView.leadingAnchor).isActive = true
                                        albumThumbnail.topAnchor.constraint(equalTo: self.scrollView.topAnchor, constant: contentViewTopConstraint).isActive = true
                                        albumThumbnail.trailingAnchor.constraint(equalTo: self.contentView.trailingAnchor).isActive = true
                                        albumThumbnail.heightAnchor.constraint(equalToConstant: 150).isActive = true
                                        albumThumbnail.isUserInteractionEnabled = true
                                        albumThumbnail.contentMode = .scaleAspectFit
                                        let touchRec = UITapGestureRecognizer(target: self, action: #selector(self.myImageTapped(_:)))
                                        albumThumbnail.addGestureRecognizer(touchRec)


                                        if let path = self.path
                                            if let imagePath = self.imagePath
                                                let strippedPath = path.replacingOccurrences(of: "\\", with: "")
                                                let strippedImagePath = imagePath.replacingOccurrences(of: "\\", with: "")
                                                print("\(strippedPath)\(strippedImagePath)")
                                                albumThumbnail.sd_setImage(with: URL(string: "\(strippedPath)\(strippedImagePath)"), placeholderImage: UIImage(named: "default_profile"), options: [.continueInBackground, .progressiveDownload])
                                                if let wrapped = self.path 
                                                    self.imageArray.append("\(strippedPath)\(strippedImagePath)")
//                                                    print(self.imageArray.append(wrapped))
                                                

                                            
                                        

                                        contentViewTopConstraint = contentViewTopConstraint + 170
                                    
                                
                                scrollHeight = totalMessage * 170
                                if totalMessage <= 1 
                                    self.scrollView.contentSize.height = viewHeight + 20
                                else
                                    self.scrollView.contentSize.height = CGFloat(scrollHeight)
                                

                            
                        
                    else
                        //Show alert
                        DispatchQueue.main.async 
                            self.showAlert(title: "Error", message: "Sorry could not update album. Try again")
                            self.stopActivityLoader()
                        
                    
                
            catch
                print("you:: \(error.localizedDescription)")
                //Show alert
                DispatchQueue.main.async 
                    self.showAlert(title: "Error", message: "Sorry could not update album. Try again")
                    self.stopActivityLoader()
                
            
        
        task.resume()
    

    @objc func myImageTapped(_ sender: UITapGestureRecognizer) 

        zoomscrollV.isHidden = false
        let myImage = imageArray[(sender.view?.tag)!]
        print("myImage \(myImage)")
        // RESPECTIVE IMAGE
        getClickImage.image = UIImage(named: myImage)

        let closeButton: UIButton = UIButton(type: .custom)
        closeButton.frame = CGRect(x:40.0, y:self.view.frame.height - 50, width:self.view.frame.width - 80, height:50.0)
        closeButton.addTarget(self, action: #selector(self.closeZoom), for: .touchUpInside)
        closeButton.setTitle("CLOSE ZOOM", for: .normal)
        closeButton.setTitleColor(UIColor.white, for: .normal)

        // CLOSE BUTTON
        self.view.addSubview(closeButton)

    ``

    @objc func closeZoom(sender: AnyObject) 
        zoomscrollV.isHidden = true
        zoomscrollV.setZoomScale(1.0, animated: false)
        sender.removeFromSuperview()
    

    //SCROLLVIEW DELEGATE
    func viewForZooming(in scrollView: UIScrollView) -> UIView? 

        return getClickImage

    

【问题讨论】:

【参考方案1】:

=========================== 编辑 1 月 24 日 =============== =============

将网址转换为图片

@objc func myImageTapped(_ sender: UITapGestureRecognizer) 

    zoomscrollV.isHidden = false
    let myImageURL = imageArray[(sender.view?.tag)!]

    if let url = URL( string: myImageURL)
    
         DispatchQueue.global().async 
         if let data = try? Data( contentsOf:url)

             DispatchQueue.main.async 

                let myImage = UIImage( data:data)

                print("myImage \(myImage)")
                // RESPECTIVE IMAGE
                getClickImage.image = UIImage(named: myImage)

                let closeButton: UIButton = UIButton(type: .custom)
                closeButton.frame = CGRect(x:40.0, y:self.view.frame.height - 50, width:self.view.frame.width - 80, height:50.0)
                closeButton.addTarget(self, action: #selector(self.closeZoom), for: .touchUpInside)
                closeButton.setTitle("CLOSE ZOOM", for: .normal)
                closeButton.setTitleColor(UIColor.white, for: .normal)

                // CLOSE BUTTON
                self.view.addSubview(closeButton)


             
         
     
 

================================================ ================

在图片点击时,你已经创建了滚动视图并将相应的图片添加为子视图,然后缩放将起作用。

var getClickImage = UIImageView()
var zoomscrollV = UIScrollView()

override func viewDidLoad() 
        super.viewDidLoad()
zoomscrollV.delegate = self


override func viewDidAppear(_ animated: Bool) 
        zoomscrollV.isHidden = true
        zoomscrollV.frame = CGRect(x:0, y:0, width:self.view.frame.width, height:self.view.frame.height - 50)
        zoomscrollV.minimumZoomScale=1
        zoomscrollV.maximumZoomScale=10
        zoomscrollV.bounces=false

        self.view.addSubview(zoomscrollV)

        getClickImage=UIImageView()

        getClickImage.frame = CGRect(x:0, y:0, width:zoomscrollV.frame.width, height:zoomscrollV.frame.height)
        getClickImage.backgroundColor = .black
        getClickImage.contentMode = .scaleAspectFit
        zoomscrollV.addSubview(getClickImage)



// ON CLICKING IMAGE ACTION
@objc func myImageTapped(_ sender: UITapGestureRecognizer) 

    zoomscrollV.isHidden = false

    // RESPECTIVE IMAGE
    getClickImage.image = BG_CARD_IMGS[(sender.view?.tag)!] 

    let closeButton: UIButton = UIButton(type: .custom)
    closeButton.frame = CGRect(x:40.0, y:self.view.frame.height - 50, width:self.view.frame.width - 80, height:50.0)
    closeButton.addTarget(self, action: #selector(self.closeZoom), for: .touchUpInside)
    closeButton.setTitle("CLOSE ZOOM", for: .normal)
    closeButton.setTitleColor(UIColor.red, for: .normal)

    // CLOSE BUTTON 
    self.view.addSubview(closeButton)



@objc func closeZoom(sender: AnyObject) 
    zoomscrollV.isHidden = true
    zoomscrollV.setZoomScale(1.0, animated: false)
    sender.removeFromSuperview()


//SCROLLVIEW DELEGATE
func viewForZooming(in scrollView: UIScrollView) -> UIView? 

    return getClickImage


输出

【讨论】:

在你的代码中 BG_CARD_IMGS 是什么意思?我正在使用未解析的标识符。 那是你的图像数组。你如何在滚动视图中显示图像?点击第三张,getClickImage.image = YourImage [第三张图片],点击第四张,getClickImage.image = YourImage [第四张图片], 我显示的图像是通过 URL。所以我创建了一个像 var BG_CARD_IMGS = [String]() 这样的空数组,并在我的异步调用中添加了路径,比如 self.BG_CARD_IMGS.append(self.imagePath!)。但是在我的 myImageTapped 函数中这一行“getClickImage.image = imageArray[(sender.view?.tag)!]”。我收到此错误“无法将'String'类型的值分配给'UIImage?'” 所以,据我所知,您在图片点击时获得了正确的图片 URL。如果是,则在点击右图后,将 URL 转换为图片并将该图片存储在 getClickImage.image 中。 @chevi99 如果您对我的回答满意,请点赞并打勾。这对 SO 追随者很有用。

以上是关于快速在 UIImageView 上创建缩放的主要内容,如果未能解决你的问题,请参考以下文章

为啥缩放以填充比 UIImageVIew 尺寸更大的图像? (使用快速)

在滚动视图内的 UIImageView 上捏缩放效果?

在 UIImageView 内的 UIImage 上缩放和居中

在 iPhone 上使用 UIImageView 进行图像缩放

快速获取点击的图像视图

如何在 iPhone 上放大/放大/缩放 UIImageView 的某个部分?