Skip to content

AppKit Coordinates

ShenYj edited this page Jan 2, 2022 · 2 revisions

AppKit坐标系

AppKit坐标系简介

初次写macOS 应用时被这个坐标系搞得有点不适应,和平时iOS开发的Y轴相反

在AppKit 下默认的坐标系,如图

.

Flipped Coordinate Systems

.

苹果给出的说明
在某些情况下,翻转坐标系可以使绘图更容易。文本系统尤其使用翻转坐标来简化文本行的位置,在大多数书写系统中,文本行从上到下流动。

实现翻转坐标系有种方式

  • 重写NSViewisFlipped属性返回true
  • 在渲染前夕对内容应用翻转转换(transform)

Cocoa Use of Flipped Coordinates

有些 Cocoa 类本身就支持翻转坐标,有些则不支持。如果在用户界面中使用未修改的 Cocoa 视图和控件,那么这些视图和控件是否使用翻转坐标对您的代码没有影响。但是,如果您要进行子类化,了解坐标系方向很重要。以下控件和视图当前默认使用翻转坐标:

  • NSButton
  • NSMatrix
  • NSProgressIndicator
  • NSScrollView
  • NSSlider
  • NSSplitView
  • NSTabView
  • NSTableHeaderView
  • NSTableView
  • NSTextField
  • NSTextView

一些 Cocoa 类支持翻转坐标,但并不总是使用它们。以下列表包括翻转坐标支持取决于其他缓解因素的已知情况

  • 图像默认不使用翻转坐标;但是,您可以使用 NSImage 的 setFlipped: 方法手动翻转图像的内部坐标系。 NSImage 对象的所有表示都使用相同的方向。有关图像和翻转坐标的更多信息,请参阅图像坐标系Image Coordinate Systems
  • Cocoa 文本系统从当前上下文中获取线索来确定是否应该翻转文本。如果文本要在 NSTextView 对象中显示,文本系统对象(例如 NSFont)也使用翻转坐标来确保文本正面朝上呈现。如果您在使用标准坐标的自定义视图中绘制文本,则文本系统对象不使用翻转坐标
  • NSClipView 对象通过查看其文档视图的坐标系来确定是否使用翻转坐标。如果文档视图使用翻转坐标,则剪辑视图也使用翻转坐标。使用相同的坐标系可确保滚动原点与文档视图的边界原点相匹配
  • 图形便利函数,例如在 NSGraphics.h 中声明的函数,在绘制时会考虑翻转坐标系。有关可用图形便利功能的信息,请参阅 Application Kit Functions Reference

随着 Cocoa 中引入了新的控件和视图,这些对象也可能支持翻转坐标。检查类参考文档以获取有关类是否支持翻转坐标的任何子类化说明。您还可以在运行时调用视图的 isFlipped 方法以确定它是否使用翻转坐标

示例代码

transform的处理方式与iOS类似,这里主要是探究重写isFlipped的方式

现有这样一段简单的代码

class ViewController: NSViewController {
    
    private let flippedView: FlippedView = {
        let view = FlippedView()
        view.frame = NSRect(x: 10, y: 10, width: 200, height: 200)
        view.wantsLayer = true
        view.layer?.backgroundColor = NSColor.orange.cgColor
        return view
    }()
    
    private let subView: NSTextView = {
        let tv = NSTextView(frame: NSRect(x: 10, y: 10, width: 100, height: 20))
        tv.string = "测试"
        return tv
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        flippedView.addSubview(subView)
        view.addSubview(flippedView)
    }
}

class FlippedView: NSView {
    
}

运行后的布局

.

重写FlippedView 的isFlipped属性返回true

class FlippedView: NSView {
    override var isFlipped: Bool { true }
}

.

代码在 MacOS-AppKit-TutorialFlippedView target下

外链

Getting Started

Social

Clone this wiki locally