AppKit Coordinates - ShenYj/ShenYj.github.io GitHub Wiki
初次写macOS 应用时被这个坐标系搞得有点不适应,和平时iOS开发的Y轴相反
在AppKit 下默认的坐标系,如图
苹果给出的说明
在某些情况下,翻转坐标系可以使绘图更容易。文本系统尤其使用翻转坐标来简化文本行的位置,在大多数书写系统中,文本行从上到下流动。
实现翻转坐标系有种方式
- 重写
NSView
的isFlipped
属性返回true
- 在渲染前夕对内容应用翻转转换(
transform
)
有些 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-Tutorial的FlippedView
target下