NSTableView 行中的垂直对齐文本

Question

我对 NSTableView 有一个小问题。当我增加表中一行的高度时，其中的文本在行顶部对齐，但我想将其垂直居中对齐！

谁能建议我有什么方法可以做到这一点？

谢谢，

米拉杰

Answer 1

这是一个简单的代码解决方案，显示了可用于居中对齐 TextFieldCell 的子类。

标头

#import <Cocoa/Cocoa.h>


@interface MiddleAlignedTextFieldCell : NSTextFieldCell {

}

@end

代码

@implementation MiddleAlignedTextFieldCell

- (NSRect)titleRectForBounds:(NSRect)theRect {
    NSRect titleFrame = [super titleRectForBounds:theRect];
    NSSize titleSize = [[self attributedStringValue] size];
    titleFrame.origin.y = theRect.origin.y - .5 + (theRect.size.height - titleSize.height) / 2.0;
    return titleFrame;
}

- (void)drawInteriorWithFrame:(NSRect)cellFrame inView:(NSView *)controlView {
    NSRect titleRect = [self titleRectForBounds:cellFrame];
    [[self attributedStringValue] drawInRect:titleRect];
}

@end

此博客条目展示了一种也有效的替代解决方案。

Answer 2

下面是基于上面答案构建的代码的 Swift 版本：

import Foundation
import Cocoa

class VerticallyCenteredTextField : NSTextFieldCell
{

    override func titleRectForBounds(theRect: NSRect) -> NSRect
    {
        var titleFrame = super.titleRectForBounds(theRect)
        var titleSize = self.attributedStringValue.size
        titleFrame.origin.y = theRect.origin.y - 1.0 + (theRect.size.height - titleSize.height) / 2.0
        return titleFrame
    }

    override func drawInteriorWithFrame(cellFrame: NSRect, inView controlView: NSView)
    {
        var titleRect = self.titleRectForBounds(cellFrame)

        self.attributedStringValue.drawInRect(titleRect)
    }
}

然后我在 NSTableView 中设置 tableView heightOfRow 的高度：

func tableView(tableView: NSTableView, heightOfRow row: Int) -> CGFloat
{
    return 30
}

将 NSTextFieldCell 的类设置为 VerticallyCenteredTextField：

和 TableViewCell 的高度

< img src="https://i.sstatic.net/mV0Be.png" alt="在此处输入图像描述">

感谢 Bryan 的帮助。

Answer 3

即使这是一个非常古老的问题，有一个公认的答案，这里有一个替代解决方案：

进入 IB，选择位于 NSTableCellView 中的 NSTextField 并添加一个新的“在容器中垂直居中”约束。您还应该添加水平约束（可能应该将前导/尾随空格设置为 0 或任何适合您需要的值）。

在 NSOutlineView 中使用它并且效果非常好。在我的例子中，性能不是问题，因为我没有很多单元格，但我希望它不会比手动计算大小差。

Answer 4

@iphaaw 的答案针对 Swift 4 进行了更新（请注意，为了清楚起见，我还在类名末尾添加了“Cell”，这也需要与 Interface Builder 中的类名相匹配）：

import Foundation
import Cocoa

class VerticallyCenteredTextFieldCell : NSTextFieldCell {
    override func titleRect(forBounds theRect: NSRect) -> NSRect {
        var titleFrame = super.titleRect(forBounds: theRect)
        let titleSize = self.attributedStringValue.size
        titleFrame.origin.y = theRect.origin.y - 1.0 + (theRect.size.height - titleSize().height) / 2.0
        return titleFrame
    }

    override func drawInterior(withFrame cellFrame: NSRect, in controlView: NSView) {
        let titleRect = self.titleRect(forBounds: cellFrame)
        self.attributedStringValue.draw(in: titleRect)
    }
}

Answer 5

对于某些属性字符串（例如带有上标的字符串），仅绘制属性字符串可能会产生奇怪的结果。

我建议在drawInterior中调用super...

  override func drawInterior(withFrame cellFrame: NSRect, in controlView: NSView) {
    super.drawInterior(withFrame: self.titleRect(forBounds: cellFrame), in: controlView)
}