CALayer中的图像未正确缩小并具有抗锯齿问题

Question

我正在学习CALayer并CALayer以下问题。 以下两张图片

实际上我的应用程序中有两个视图：左边的一个是NSImageView ，右边的是一个托管NSView的图像，内容与图像相同。 以下是我用来设置它的ViewController的代码：

import Cocoa

class ViewController: NSViewController {
  @IBOutlet weak var aView: NSView!
  @IBOutlet weak var anImage: NSImageView!

  override func viewDidLoad() {
      super.viewDidLoad()

      let img = NSImage(named: "emptyStar")!

      let l = CALayer()
      l.contents = img

      aView.layer = l
      aView.wantsLayer = true

      anImage.image = img
  }
}

为什么CALayer图像看起来如此糟糕？如何解决这个问题（坚持使用CALayer ）？ 右图的放大显示抗锯齿效果不佳。

我尝试的是：1）使用生成CGImage

   img.CGImageForProposedRect(&aView.frame, context: nil, hints: [NSImageHintInterpolation: 3])

和设置此作为内容l ，2）设置l.contentsScale=2 ，3）设置l.edgeAntialiasingMask=[.LayerLeftEdge, .LayerRightEdge, .LayerBottomEdge, .LayerTopEdge] ，4）使aView层支持的，通过移动aView.wantsLayer=true在aView.layer = l之前， aView.wantsLayer=true 。 我不能做任何这些工作......

这两个视图都是50 x 50，而图像本身是我从本教程中获取的253 x 254 PNG图像

https://developer.apple.com/library/content/referencelibrary/GettingStarted/DevelopiOSAppsSwift/

它在这个应用程序的资产中。

我很确定我在这里错过了一些简单的东西......

谢谢你的帮助！

更新：委托绘图似乎工作：

class ViewController: NSViewController {
    @IBOutlet weak var aView: NSView!

    override func drawLayer(layer: CALayer, inContext ctx: CGContext) {
        NSGraphicsContext.setCurrentContext(NSGraphicsContext(CGContext: ctx, flipped: false))
        NSImage(named: "emptyStar")!.drawInRect(layer.bounds)
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        let l = CALayer()
        l.delegate = self

        aView.layer = l
        aView.wantsLayer = true

        aView.layer!.setNeedsDisplay()
   }

}

希望有一个更好的解决方案，应该开箱即用的东西......

Answer 1

如果您不使用正确的min / mag过滤器，您将获得锯齿伪像。

由于您将较大的图像放入较小的CALayer中，因此您需要使用线性，双线性或三线性过滤（按成本递增顺序）。

对于图层，您可以使用以下方法设置最小过滤器：

layer.minificationFilter = kCAFilterTrilinear;