Question

I have a quite big problem, I am really not able to solve myself.

The result should look like this:

This image was made with photoshop and is part of the interface I try to build.

In the middle you see something, that should be a list of projects, you should be able to scroll, if it the list is bigger then the view.

So I am making a scrollview like this: (for some reason I cannot do this in the interface builder and want this to work programmatically)

NSScrollView *projectsListView = [[NSScrollView alloc] initWithFrame:NSMakeRect(15, 2, 801, 588)];
[projectsListView setHasVerticalScroller:YES];

Then I create the content view and set a pattern image as backgroundcolor:

NSClipView  *contentView      = [[NSClipView  alloc] initWithFrame:NSMakeRect(0, 0, 
[projectsListView frame].size.width, [projectsListView frame].size.height+(98*2))];
[contentView setBackgroundColor:[NSColor colorWithPatternImage:[NSImage imageNamed:@"BoxLineBackground"]]];
[contentView setDrawsBackground:YES];

Then set the view as document view:

[projectsListView setDocumentView:contentView];

Should work, right?
However the content view gets clipped and looks like this while scrolling:

I tried this to fix it, but it does nothing:

[[projectsListView documentView] setCopiesOnScroll:NO];

I also tried this, but it causes the contentview not to scroll at all.
The image stays the same, but I can move the scroller normally.

[[projectsListView contentView] setCopiesOnScroll:NO];

If I try to set the contentview with setContentView: instead of using setDocumentView:
it may work, but the scroller is gone, so it is also not working correctly.

I would really like to use the patternimage method, because I cannot tell how long the list will be. It depends on the user.

An additional problem then would be to get the whole thing rounded, but that does not matter that much. I tried to use a transparent border image and to overlay the NSScrollView with it using an NSImageView, but again this causes corruption, because it clips and moves the overlaying parts of the image view together with the content of the scrollview.

Anyone having an idea, how to achieve this?

Thanks

Answer 1

I fixed the problem by setting the Background Color on the NSScrollView instead on the NSClipView.

I though the background would be static in that case and I need to set it for the content view for that reason, but it works pretty well and does scroll together with the content view.

And thanks for Rob Keniger’s answer. I will probably try this out.