0

好的,这就是我所做的:

  • 我有一个NSCollectionView
  • 我希望能够启用“选择”项目,并在选择项目时绘制自定义边框
  • 我子类化NSCollectionViewItem(以启用选择)
  • NSViewNSCollectionViewItem视图子类化,以绘制边框

编码

查看项目

@implementation MSLibraryCollectionViewItem

- (void)setSelected:(BOOL)flag
{
    [super setSelected:flag];
    [(MSLibraryCollectionViewView*)[self view] setSelected:flag];
    [(MSLibraryCollectionViewView*)[self view] setNeedsDisplay:YES];
}

自定义视图

@implementation MSLibraryCollectionViewView

/***************************************
 Initialisation
 ***************************************/

- (MSLibraryCollectionViewView*)initWithFrame:(NSRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code here.
    }

    return self;
}

/***************************************
 Drawing
 ***************************************/

- (void)drawRect:(NSRect)rect
{
    if ([self selected]) {
        //[[NSColor redColor] setFill];
        //NSRectFill(rect);
        //[super drawRect:rect];

            NSColor* gS = [NSColor colorWithCalibratedRed:0.06 green:0.45 blue:0.86 alpha:1.0];
        NSColor* gE = [NSColor colorWithCalibratedRed:0.12 green:0.64 blue:0.94 alpha:1.0];
        NSGradient* g = [[NSGradient alloc] initWithStartingColor:gE endingColor:gS];
        NSColor *borderColor = [NSColor colorFromGradient:g];

        NSRect frameRect = [self bounds];

        if(rect.size.height < frameRect.size.height)
            return;
        NSRect newRect = NSMakeRect(rect.origin.x+5, rect.origin.y+5, rect.size.width-10, rect.size.height-10);

        NSBezierPath *textViewSurround = [NSBezierPath bezierPathWithRoundedRect:newRect xRadius:7 yRadius:7];
        [textViewSurround setLineWidth:2.0];
        [borderColor set];
        [textViewSurround stroke];
    }
}

但是,绘图似乎有问题。例如:

  • 调整 Collection View 的容器大小时,外框出现一条奇怪的线
  • 当 Collection View 项目不是 100% 可见时(例如,因为它已被向下滚动),选择边框根本不会出现(而我希望它只绘制可见部分)。

一些例子

NSCollectionView 选中项绘制问题

NSCollectionView 绘图问题

这是怎么回事?


PS我不是 Cocoa 中绘图和自定义视图的专家 - 所以任何想法/帮助都非常受欢迎!

4

1 回答 1

1

您从询问集合视图切换到谈论大纲视图,但我认为这只是一个心理问题。

  • 当大纲视图项目不是 100% 可见时(例如,因为它被向下滚动),选择边框根本不会出现(虽然我希望它只绘制可见部分)。

那是因为您的-drawRect:.

    if(rect.size.height < frameRect.size.height)
        return;

它特别避免绘制部分选择轮廓。

关于奇怪的线,我怀疑这与您的收藏项目视图的自定义绘图有关。如果禁用自定义绘图,它会停止发生吗?+colorFromGradient:您可以尝试使用普通颜色,而不是使用您正在使用的第三方代码。

顺便说一句,这一行:

    NSRect newRect = NSMakeRect(rect.origin.x+5, rect.origin.y+5, rect.size.width-10, rect.size.height-10);

可以更简单地写成:

    NSRect newRect = NSInsetRect(rect, 5, 5);
于 2014-10-25T06:59:07.827 回答