• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - 为什么在手动创建的 CGContext 中 CALayer 阴影渲染不正确?

[复制链接]
菜鸟教程小白 发表于 2022-12-11 19:28:03 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

在 2x 设备上,使用手动创建的 shadowRadius = rshadowOffset = (x, y) 渲染 CALayer >CGContext 使用 CALayer.render(in 产生一个带有 shadowRadius = r/2shadowOffset = (x/2, -y/2),就好像变换矩阵没有建立起来一样,即使已经正确建立了,它仍然处于初始状态。

如果使用 UIGraphicsBeginImageContextWithOptions 设置上下文,则结果是正确的。

即使我根据使用 UIGraphicsBeginImageContextWithOptions 创建的上下文创建自己的上下文,结果仍然是错误的。

// Manually created context produces wrong shadow.
let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedFirst.rawValue | CGBitmapInfo.byteOrder32Little.rawValue)
if let ctx1 = CGContext(data: nil, width: Int(view.bounds.width * UIScreen.main.scale), height: Int(view.bounds.height * UIScreen.main.scale), bitsPerComponent: 8, bytesPerRow: Int(4 * view.bounds.width * UIScreen.main.scale), space: CGColorSpaceCreateDeviceRGB(), bitmapInfo: bitmapInfo.rawValue) {
    ctx1.scaleBy(x: UIScreen.main.scale, y: -UIScreen.main.scale)
    ctx1.translateBy(x: 0, y: -view.bounds.height)

    view.layer.render(in: ctx1)
    guard let image = ctx1.makeImage() else {
        return
    }
    UIImageWriteToSavedPhotosAlbum(UIImage(cgImage: image), nil, nil, nil)
}

// Context created using UIGraphicsBeginImageContextWithOptions produces correct shadow.
UIGraphicsBeginImageContextWithOptions(view.bounds.size, false, UIScreen.main.scale)
if let ctx2 = UIGraphicsGetCurrentContext() {
    view.layer.render(in: ctx2)
    guard let image = ctx2.makeImage() else {
        return
    }
    UIImageWriteToSavedPhotosAlbum(UIImage(cgImage: image), nil, nil, nil)

    // Manually created context with configurations copied from the "good" context still produces wrong shadow.
    if let ctx3 = CGContext(data: nil, width: ctx2.width, height: ctx2.height, bitsPerComponent: ctx2.bitsPerComponent, bytesPerRow: ctx2.bytesPerRow, space: ctx2.colorSpace!, bitmapInfo: ctx2.bitmapInfo.rawValue) {
        ctx3.concatenate(ctx2.ctm)

        view.layer.render(in: ctx3)
        guard let image = ctx3.makeImage() else {
            return
        }
        UIImageWriteToSavedPhotosAlbum(UIImage(cgImage: image), nil, nil, nil)
    }
}

我比较并确保所有 3 个上下文的这些配置都是相同的:

  • 宽度
  • 高度
  • bitsPerComponent
  • bytesPerRow
  • 色彩空间
  • 位图信息
  • ctm
  • 插值质量

这里是 sample app .



Best Answer-推荐答案


In the Drawing and Printing Guide for iOS

它说明了以下关于阴影的内容:

Shadows

The direction a shadow falls from its object is specified by an offset value, and the meaning of that offset is a convention of a drawing framework. In UIKit, positive x and y offsets make a shadow go down and to the right of an object. In Core Graphics, positive x and y offsets make a shadow go up and to the right of an object. Flipping the CTM to align an object with the default coordinate system of UIKit does not affect the object’s shadow, and so a shadow does not correctly track its object. To get it to track correctly, you must modify the offset values appropriately for the current coordinate system.

我目前在我正在开发的应用程序中面临同样的问题。似乎您可能需要手动设置阴影偏移量。

关于ios - 为什么在手动创建的 CGContext 中 CALayer 阴影渲染不正确?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43332941/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap