objective-c - 在 NSScrollView 问题中绘制自定义 NSScroller

Question

我正在尝试绘制一个自定义的 NSScroller，我几乎得到了我想要工作的所有东西，但是，当我尝试摆脱 knobSlot 时，它只会不断地重新绘制旋钮:

那是我使用 drawRect: 绘制背景的时候。当我删除 drawRect: 我得到:

我似乎仍然无法摆脱 knobSlot。这是我的所有代码:

    #import "UIScroller.h"

@interface UIScroller (Private)
- (void)drawKnobSlot;
@end

@implementation UIScroller

- (BOOL)isVertical {
    NSRect bounds = [self bounds];
    return NSHeight(bounds) < NSWidth(bounds);
}

+ (CGFloat)scrollerWidth {
    return 13;
}

+ (CGFloat)scrollerWidthForControlSize:(NSControlSize)controlSize {
    return 13;
}

/*
- (void)drawRect:(NSRect)aRect;
{
 //[[NSColor blueColor] set];
 NSRectFill([self bounds]);

  [self drawKnobSlot];
}
 */

- (void)drawKnobSlot;
{
 NSRect slotRect = [self rectForPart:NSScrollerKnobSlot];

 if ([self isVertical])
  NSDrawThreePartImage(slotRect, [NSImage imageNamed:@"lazyarrow"], [NSImage imageNamed:@"lazyarrow"], [NSImage imageNamed:@"lazyarrow"], YES, NSCompositeSourceOver, 1, NO);
 else
  NSDrawThreePartImage(slotRect, [NSImage imageNamed:@"lazyarrow"], [NSImage imageNamed:@"lazyarrow"], [NSImage imageNamed:@"lazyarrow"], NO, NSCompositeSourceOver, 1, NO);
}

- (void)drawPart:(NSScrollerPart)part highlight:(BOOL)highlight {
    //NSLog(@"drawPart:%@ highlight:%@", NSScrollerPartDescription(part), highlight ? @"YES":@"NO");

 NSRect partRect = [self rectForPart:part];

    switch (part) {
        case NSScrollerKnob: {
            assert(!highlight); 

            if ([self isVertical]) {
                partRect.origin.y++;
                partRect.size.height -= 2;
            } else {
                // FIXME really vertical
                partRect.origin.x++;
                partRect.size.width -= 2;
            }


   NSRect newRect = NSMakeRect(partRect.origin.x+4, [self isVertical] ? partRect.origin.y+3 : partRect.origin.y, partRect.size.width - 6,[self isVertical] ? partRect.size.height-5 : partRect.size.height - 4);
   NSBezierPath *path = [NSBezierPath bezierPathWithRoundedRect:newRect 
                 xRadius:[self isVertical] ? 4: 4
                 yRadius:[self isVertical] ? 4 : 4];

   [path setLineWidth:2];
   [[NSColor colorWithDeviceRed:0.114 green:0.114 blue:0.114 alpha:.6] set];
   [path fill];
   [[NSColor colorWithDeviceWhite:1.0 
          alpha:0.100] set];

   [path addClip];
   [path stroke];

      //      NSBezierPath *knobPath = [NSBezierPath bezierPathWithRoundedRect:partRect
         //                                                            xRadius:5
            //                                                         yRadius:5];

            //[[NSColor colorWithDeviceRed:89./255. green:105./255. blue:131./255. alpha:1.] set];
  /* 
   NSGradient *gradient = [[[NSGradient alloc] initWithColorsAndLocations:
          [NSColor colorWithDeviceRed:(89.0/255.0) green:(105/255.0) blue:(131/255.0) alpha:1.0], 0.0,
          [NSColor colorWithDeviceRed:(89.0/255.0) green:(105/255.0) blue:(131/255.0) alpha:1.0], 0.0768,
          [NSColor colorWithDeviceRed:(154.0/255.0) green:(169/255.0) blue:(190/255.0) alpha:1.0], 0.0769,
          [NSColor colorWithDeviceRed:(94.0/255.0) green:(113/255.0) blue:(144/255.0) alpha:1.0], 0.9231,
          [NSColor colorWithDeviceRed:(61.0/255.0) green:(80/255.0) blue:(111/255.0) alpha:1.0], 0.9232,
          [NSColor colorWithDeviceRed:(61.0/255.0) green:(80/255.0) blue:(111/255.0) alpha:1.0], 1.0,
          nil
          ] autorelease];
   */
   //            [knobPath setLineWidth:2.0];
   //            [knobPath stroke];
   //[gradient drawInBezierPath:knobPath
   //      angle:[self isVertical] ? 90. : 0.];

            //--

            /*[[NSColor colorWithDeviceRed:0. green:0. blue:255/128 alpha:1.0] set];
    [[NSBezierPath bezierPathWithRoundedRect:partRect
    xRadius:6.0
    yRadius:6.0] fill];*/
            //NSRectFill(partRect);
        }   break;
        case NSScrollerIncrementLine: {
 }   break;
        case NSScrollerKnobSlot: {
            NSAssert(!highlight, nil);
#if 0
            [[NSColor darkGrayColor] set];
         //   NSRectFill(partRect);
#else
            partRect = [self bounds];

   /*
   NSGradient *gradient = [[[NSGradient alloc] initWithColorsAndLocations:
          [NSColor colorWithDeviceRed:(89.0/255.0) green:(105/255.0) blue:(131/255.0) alpha:1.0], 0.0,
          [NSColor colorWithDeviceRed:(89.0/255.0) green:(105/255.0) blue:(131/255.0) alpha:1.0], 0.0768,
          [NSColor colorWithDeviceRed:(154.0/255.0) green:(169/255.0) blue:(190/255.0) alpha:1.0], 0.0769,
          [NSColor colorWithDeviceRed:(94.0/255.0) green:(113/255.0) blue:(144/255.0) alpha:1.0], 0.9231,
          [NSColor colorWithDeviceRed:(61.0/255.0) green:(80/255.0) blue:(111/255.0) alpha:1.0], 0.9232,
          [NSColor colorWithDeviceRed:(61.0/255.0) green:(80/255.0) blue:(111/255.0) alpha:1.0], 1.0,
          nil
          ] autorelease];
    */

            NSGradient *gradient = [[[NSGradient alloc] initWithColorsAndLocations:
          [NSColor colorWithDeviceRed:(161.0/255.0) green:(161/255.0) blue:(161/255.0) alpha:1.0], 0.0,
          [NSColor colorWithDeviceRed:(186.0/255.0) green:(186/255.0) blue:(186/255.0) alpha:1.0], 0.067,
          [NSColor colorWithDeviceRed:(219.0/255.0) green:(219/255.0) blue:(219/255.0) alpha:1.0], 0.2,
          [NSColor colorWithDeviceRed:(230.0/255.0) green:(230/255.0) blue:(230/255.0) alpha:1.0], 0.333,
          [NSColor colorWithDeviceRed:(240.0/255.0) green:(240/255.0) blue:(240/255.0) alpha:1.0], 0.667,
          [NSColor colorWithDeviceRed:(223.0/255.0) green:(223/255.0) blue:(223/255.0) alpha:1.0], 0.8,
          [NSColor colorWithDeviceRed:(204.0/255.0) green:(204/255.0) blue:(204/255.0) alpha:1.0], 0.867,
          [NSColor colorWithDeviceRed:(178.0/255.0) green:(178/255.0) blue:(178/255.0) alpha:1.0], 1.0,
          nil
          ] autorelease];


  // CGContextRef context = (CGContextRef) [[NSGraphicsContext currentContext] graphicsPort];
  // CGContextSetRGBFillColor(context, 0,0,0,0);
  // CGContextFillRect(context, partRect);
            [gradient drawInRect:partRect angle:[self isVertical] ? 90. : 0.];
  // NSRectFillUsingOperation(partRect, NSCompositeClear);
#endif
        }   

 }}

- (void)drawKnob
{
 [self drawPart:NSScrollerKnob highlight:NO];
 [self setArrowsPosition:NSScrollerArrowsNone];
 /*
 NSRect knobRect = [self rectForPart:NSScrollerKnob];
 NSRect newRect = NSMakeRect(knobRect.origin.x+3, knobRect.origin.y, knobRect.size.width - 6, knobRect.size.height);
 NSBezierPath *path = [NSBezierPath bezierPathWithRoundedRect:newRect 
               xRadius:5 
               yRadius:5];

 [path setLineWidth:2];
 [[NSColor colorWithDeviceRed:0.114 green:0.114 blue:0.114 alpha:0.3] set];
 [path fill];
 [[NSColor colorWithDeviceWhite:1.0 
        alpha:0.100] set];

 [path addClip];
 [path stroke];


  */
}

- (void)drawKnobSlotInRect:(NSRect)slotRect highlight:(BOOL)flag;
{
 [self drawPart:NSScrollerKnobSlot highlight:NO];
 /*
 NSRect newRect = NSMakeRect(slotRect.origin.x, slotRect.origin.y, slotRect.size.width, slotRect.size.height);
 NSBezierPath *path = [NSBezierPath bezierPathWithRoundedRect:newRect 
               xRadius:10 
               yRadius:10];

 [path setLineWidth:2];
 [[NSColor colorWithDeviceRed:0.114 green:0.114 blue:0.114 alpha:0.3] set];
 [path fill];
 [[NSColor colorWithDeviceWhite:1.0 
        alpha:0.100] set];

 [path addClip];
 [path stroke];
  */
}

@end

有谁知道如何解决这个问题，让它最终看起来像 iOS 的 UIScrollView/UIScroller？:

或喜欢Sparrow s 自定义 NSScrollers？:

Answer 1

看看 BGHUDAppKit，它是一个用于黑色面板 (HUD) NSWindow 的 OPENSOURCE(不错!:D)框架。它还有一个带有自定义滚动条的自定义 NSScrollView，我曾使用该源代码创建我自己的超棒滚动条。我认为这对您来说将是一个很好的起点。

BGHudAppKit on googleCode