实现UIImageView X轴3D旋转后如何获取同状态UIImage
3D旋转UIImageView的快照获取方法
完全可以拿到和当前视觉状态完全一致的UIImage,根本不需要手动计算透视矩阵做像素变形。
实现逻辑
你现在看到的X轴45度旋转、带m34透视的效果,本来就是CALayer根据设置的3D变换参数,通过GPU实时渲染出来的结果。系统自带的图层渲染接口,会完整把这部分最终呈现的渲染结果输出为位图,所有的旋转、透视变形都会被原样保留,不会遗漏效果。
可直接复用的实现代码
操作的时候要注意选对截图时机:等imageView的变换完全生效、没有正在播放的位行动画的时候再截,不然拿到的是动画中间帧,不是你要的最终45度旋转的状态。
// 开启和屏幕分辨率匹配的位图上下文,防止截图发虚 UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, false, UIScreen.main.scale) guard let context = UIGraphicsGetCurrentContext() else { UIGraphicsEndImageContext() return } // 直接把图层当前的完整渲染内容画到上下文里 imageView.layer.render(in: context) let finalImage = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext()
容易踩的坑
- 不要在渲染前手动给上下文再设置一遍同样的3D变换:
render(in:)本身就会读取图层身上存储的transform属性,重复设置的话会相当于旋转两次,出来的图和屏幕上看到的效果完全对不上。 - 如果imageView是AutoLayout驱动的,截图前先调用一次
imageView.layoutIfNeeded(),等布局把所有约束、变换都应用到图层上再截,不然容易出现边缘裁切不对、内容不全的问题。 - 最终生成的图片会完整保留透视带来的近大远小、旋转带来的梯形变形,和你在屏幕上肉眼看到的效果没有任何差异。
内容的提问来源于stack exchange,提问作者SwiftBeginner
相关产品推荐
相关产品推荐

