Swift.為ImageView添加點擊放大效果

效果圖

實現(xiàn)效果:

通過拓展為ImageView添加點擊放大預覽展示,點擊預覽復原效果。

完整代碼

class EWImageAmplification: NSObject {
    static let shared = EWImageAmplification()

    /// 點擊放大方法
    ///
    /// - Parameters:
    ///   - currentImageView: 要放大的imageView
    ///   - alpha: 背景透明度(0-1)
    func scanBigImageWithImageView(currentImageView: UIImageView, alpha: CGFloat) {
        let image = currentImageView.image
        /// 獲取keyWindow
        let window = UIApplication.shared.keyWindow
        let backGroundView = UIView(frame: CGRect(x: 0, y: 0, width: EWidth, height: EHeight))
        /// 記錄imageView初始frame,保證復原
        oldFrame = currentImageView.convert(currentImageView.bounds, to: window)
        let imageView = UIImageView(frame: oldFrame)
        backGroundView.backgroundColor = UIColor(red: 0, green: 0, blue: 0, alpha: alpha)
        backGroundView.alpha = 0

        imageView.image = image
        imageView.contentMode = .scaleAspectFit
        backGroundView.addSubview(imageView)
        backGroundView.isUserInteractionEnabled = true
        window?.addSubview(backGroundView)
        /// 為背景View添加手勢方法,實現(xiàn)點擊復原
        let tap: EWTap = EWTap(target: self, action: #selector(tapOnBackView(_:)))
        tap.backView = backGroundView
        tap.imageView = imageView
        backGroundView.addGestureRecognizer(tap)
        /// 實現(xiàn)動畫效果
        UIView.animate(withDuration: 0.4) {
            let imageY: CGFloat = (EHeight - (image?.size.height)! * EWidth / (image?.size.width)!) * 0.5
            let height = (image?.size.height)! * EWidth / (image?.size.width)!
            imageView.frame = CGRect(x: 0, y: imageY, width: EWidth, height: height)
            backGroundView.alpha = 1
        }
    }
    
    /// 點擊背景手勢方法
    ///
    /// - Parameter sender: 手勢
    @objc private func tapOnBackView(_ sender: EWTap) {
        UIView.animate(withDuration: 0.4, animations: {
            sender.imageView?.frame = oldFrame
            sender.backView?.alpha = 0
        }, completion: { (_) in
            sender.backView?.removeFromSuperview()
        })
    }
}
/// 自定義手勢類,實現(xiàn)手勢方法傳參
class EWTap: UITapGestureRecognizer {
    var backView: UIView?
    var imageView: UIImageView?
    override init(target: Any?, action: Selector?) {
        super.init(target: target, action: action)
    }
}

使用方法示例:

將EWImageAmplification文件拖入項目,調用時:

   /// 為imageView添加手勢方法
   let tap: UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(tapOnImageView))
   imageView.addGestureRecognizer(tap)
  
  @objc private func tapOnImageView() {
        EWImageAmplification.shared.scanBigImageWithImageView(currentImageView: imageView, alpha: 1)
    }

demo地址: EWImageTapBig

有問題歡迎探討.

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 點擊查看原文 Web SDK 開發(fā)手冊 SDK 概述 網(wǎng)易云信 SDK 為 Web 應用提供一個完善的 IM 系統(tǒng)...
    layjoy閱讀 14,509評論 0 15
  • 文、圖/卜白 對于不吸毒不迷戀煙草酒精也很少進行中藥理療的人,僅僅通過日常的餐點飲食與植物打交道,是很難體會到她們...
    卜白閱讀 1,416評論 4 3
  • 回憶是青春特有浪花,這篇文章書寫以及出現(xiàn)是受到一個即將畢業(yè)的學妹影響,幾張圖帶回記憶。本來是要寫學校的,是要寫這學...
    唐伯虎9527閱讀 871評論 0 1
  • 下班路上,天還亮,月亮已在高空 在每一個白天等待黑夜的到來 文/鄒小星 ...
    木堇206閱讀 510評論 0 3

友情鏈接更多精彩內(nèi)容