NSScrollView无限/无限滚动|子视图重用

时间:2012-02-02 16:27:08

标签: objective-c reusability nsscrollview infinite-scroll memory-efficient

我正在寻找一种方法来为UI/NSTableViewNSScrollView实现可重复使用的单元格。基本上我想要像WWDC 2011视频“Session 104 - 高级滚动视图技术”一样,但对于Mac。

我有几个问题意识到这一点。第一个:NSScrollView没有-layoutSubviews。我尝试使用-adjustScroll,但未能设置不同的contentOffset

- (NSRect)adjustScroll:(NSRect)proposedVisibleRect {
    if (proposedVisibleRect.origin.x > 600) {
        //  non of them work properly
        // proposedVisibleRect.origin.x = 0;
        // [self setBoundsOrigin:NSZeroPoint];
        // [self setFrameOrigin:NSZeroPoint];
        // [[parentScrollView contentView] scrollPoint:NSZeroPoint];
        // [[parentScrollView contentView] setBoundsOrigin:NSZeroPoint];
    }
    return proposedVisibleRect;
}

我接下来要做的就是设置一个非常庞大的内容视图,其中有width百万像素(实际上与iOS相比有效!)但现在的问题是,如何安装重用池?
在滚动到新位置时移动子视图或删除所有子视图并再次插入它们会更好吗?以及我应该如何以及在哪里做到这一点?

1 个答案:

答案 0 :(得分:2)

我可以说,-adjustScroll:不是您想要点击滚动事件的地方,因为它不会被普遍调用。我认为-reflectScrolledClipView:可能是一个更好的连接点。

我制作了以下示例,该示例应该以单向的高点来执行视图重用滚动视图。为简单起见,我将scrollView的documentView的维度设置为“巨大”,正如您所建议的那样,而不是试图“伪造”滚动行为以使其看起来无限。显然,绘制真实的组成图块视图取决于您。 (在这个例子中,我创建了一个虚拟视图,用蓝色轮廓填充自己,以说服自己一切正常。)它出现了这样:

// For the header file
@interface SOReuseScrollView : NSScrollView
@end

// For the implementation file
@interface SOReuseScrollView () // Private

- (void)p_updateTiles;
@property (nonatomic, readonly, retain) NSMutableArray* p_reusableViews;

@end

// Just a small diagnosting view to convince myself that this works.
@interface SODiagnosticView : NSView
@end

@implementation SOReuseScrollView

@synthesize p_reusableViews = mReusableViews;

- (void)dealloc
{
    [mReusableViews release];
    [super dealloc];
}

- (NSMutableArray*)p_reusableViews
{
    if (nil == mReusableViews)
    {
        mReusableViews = [[NSMutableArray alloc] init];
    }
    return mReusableViews;
}

- (void)reflectScrolledClipView:(NSClipView *)cView
{
    [super reflectScrolledClipView: cView];
    [self p_updateTiles];
}

- (void)p_updateTiles
{
    // The size of a tile...
    static const NSSize gGranuleSize = {250.0, 250.0};

    NSMutableArray* reusableViews = self.p_reusableViews;
    NSRect documentVisibleRect = self.documentVisibleRect;

    // Determine the needed tiles for coverage
    const CGFloat xMin = floor(NSMinX(documentVisibleRect) / gGranuleSize.width) * gGranuleSize.width;
    const CGFloat xMax = xMin + (ceil((NSMaxX(documentVisibleRect) - xMin) / gGranuleSize.width) * gGranuleSize.width);
    const CGFloat yMin = floor(NSMinY(documentVisibleRect) / gGranuleSize.height) * gGranuleSize.height;
    const CGFloat yMax = ceil((NSMaxY(documentVisibleRect) - yMin) / gGranuleSize.height) * gGranuleSize.height;

    // Figure out the tile frames we would need to get full coverage
    NSMutableSet* neededTileFrames = [NSMutableSet set];
    for (CGFloat x = xMin; x < xMax; x += gGranuleSize.width)
    {
        for (CGFloat y = yMin; y < yMax; y += gGranuleSize.height)
        {
            NSRect rect = NSMakeRect(x, y, gGranuleSize.width, gGranuleSize.height);
            [neededTileFrames addObject: [NSValue valueWithRect: rect]];
        }
    }

    // See if we already have subviews that cover these needed frames.
    for (NSView* subview in [[[self.documentView subviews] copy] autorelease])
    {
        NSValue* frameRectVal = [NSValue valueWithRect: subview.frame];

        // If we don't need this one any more...
        if (![neededTileFrames containsObject: frameRectVal])
        {
            // Then recycle it...
            [reusableViews addObject: subview];
            [subview removeFromSuperview];
        }
        else
        {
            // Take this frame rect off the To-do list.
            [neededTileFrames removeObject: frameRectVal];
        }
    }

    // Add needed tiles from the to-do list
    for (NSValue* neededFrame in neededTileFrames)
    {
        NSView* view = [[[reusableViews lastObject] retain] autorelease];
        [reusableViews removeLastObject];

        if (nil == view)
        {
            // Create one if we didnt find a reusable one.
            view = [[[SODiagnosticView alloc] initWithFrame: NSZeroRect] autorelease];
            NSLog(@"Created a view.");
        }
        else 
        {
            NSLog(@"Reused a view.");
        }

        // Place it and install it.
        view.frame = [neededFrame rectValue];
        [view setNeedsDisplay: YES];        
        [self.documentView addSubview: view];
    }
}

@end

@implementation SODiagnosticView

- (void)drawRect:(NSRect)dirtyRect
{
    // Draw a red tile with a blue border.
    [[NSColor blueColor] set];
    NSRectFill(self.bounds);

    [[NSColor redColor] setFill];
    NSRectFill(NSInsetRect(self.bounds, 2,2));    
}

@end

这是我能说的最佳效果。再次,在重用视图中绘制有意义的东西是真正的工作所在。

希望有所帮助。