iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 19
1

https://ithelp.ithome.com.tw/upload/images/20180107/20107329Vh1XAHjuCK.png

在許多的動畫運用中尤其是轉場動畫,很有可能會需要用到對畫面進行截圖。

Snapshot

Snapshot
黄色外框所覆蓋的部分就是我们想要截取的内容,这是预先放上的 captureView (UIView)

captureView = UIView(frame: CGRect(x: screen.midX - 60 , y: 40, width: 200, height: 200))
captureView.layer.borderColor = UIColor.yellow.cgColor
captureView.layer.borderWidth = 2
captureView.backgroundColor = UIColor.black
captureView.alpha = 0.4
view.addSubview(captureView)

captureImage

點下畫面中的按鈕以後,先拿到整個畫面,然後進行 crop 的動作拿到我們要的圖片,接著在傳給 DetailViewController 就完成了

fileprivate func captureImage() ->  UIImage {
    // capture HomeViewController's view
    UIGraphicsBeginImageContextWithOptions((view.bounds.size), true, 1)
    view?.drawHierarchy(in: view.bounds, afterScreenUpdates: false)
    
    // Snapshot
    let snapShot = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()
    
    // crop image
    let tempImageRef = snapShot.cgImage!
    let croppedImageRef = tempImageRef.cropping(to: captureView.frame)
    
    let croppedImage = UIImage(cgImage: croppedImageRef!, scale: snapShot.scale, orientation: UIImageOrientation.up)
    
    return croppedImage
}

Reference


上一篇
3DCardLayout - 立體卡片佈局
下一篇
Color Diffusion Transition - 色彩擴散轉場動畫
系列文
iOS Swift x Layout x Animation x Transition30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言