cocoa - IKImageBrowserView 可以显示多行标题吗？

Question

我希望IKImageBrowserView通过包装它们并以多行显示它们来显示长标题，但我一直无法实现这一点。

我尝试更改子类中返回的 titleFrame 的大小，ImageBrowserCell并在标题上设置段落样式，以便它应该换行（NSLineBreakByWordWrapping）但我只得到一行文本。

有没有人试过这个？我可以尝试任何其他建议吗？

Answer 1

恐怕不容易。一种方法是保留imageTitle空白并在CALayer. 我能够使它工作并取得相当不错的结果：

首先要做的事情——因为您不会使用标准imageTitle属性，所以您想在符合标准的<IKImageBrowserItem>数据对象中创建一个新的 title 属性。我简单地打电话给我title的。

然后，您要创建一个IKImageBrowserCell子类。确保告诉您IKImageBrowserView您正在使用自定义单元格；我刚刚为此写了一个快速类别：

@implementation IKImageBrowserView(CustomCell)
- (IKImageBrowserCell *)newCellForRepresentedItem:(id)cell
{
    return [[MyCustomImageBrowserCell alloc] init];
}
@end

接下来，在您的自定义单元格中，覆盖方法- (CALayer *)layerForType:(NSString *)type。为特定图层位置类型创建并返回 CALayer：

- (CALayer *)layerForType:(NSString *)type
{    
    if( [type isEqualToString:IKImageBrowserCellBackgroundLayer] )
    {       
        CALayer *layer = [CALayer layer];
        layer.delegate = self;
        layer.frame = self.frame; // the cell's frame
        layer.name = type; // a way to refer to the layer location type during drawing if need be
        [layer setNeedsDisplay];
        return layer;
    }

    return [super layerForType:type];
}

然后，-drawLayer:inContext:在您的自定义单元格中实现该方法来处理图层的绘图：

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)context
{
    // Set the current context.
    [NSGraphicsContext saveGraphicsState];
    NSGraphicsContext *nscg = [NSGraphicsContext graphicsContextWithGraphicsPort:context flipped:NO];
    [NSGraphicsContext setCurrentContext:nscg];

    NSString *title = [self.representedItem title];

    // Wrap and center the text
    NSMutableParagraphStyle *paragraphStyle = [[[NSMutableParagraphStyle alloc] init] autorelease];
    [paragraphStyle setLineBreakMode:NSLineBreakByWordWrapping];
    [paragraphStyle setAlignment:NSCenterTextAlignment];

    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
    [attrs setObject:paragraphStyle forKey:NSParagraphStyleAttributeName];
    [attrs setObject:[NSFont systemFontOfSize:12.0f] forKey:NSFontAttributeName];

    CGFloat padding = 4.0f;

    [title drawInRect:NSMakeRect(
        0, 
        -(self.imageFrame.size.height + padding), 
        self.frame.size.width, 
        100
    ) withAttributes:attrs];

    [NSGraphicsContext restoreGraphicsState];
}

不幸的是，这种方法确实有一些缺点。文本没有像这样获得蓝色选择背景imageTitle。但是，您可以使用NSBezierPath内部自定义 CALayer 为IKImageBrowserCellSelectionLayer.

希望这足以继续下去。