在 NSView 中添加边框和圆角矩形

Posted

技术标签:

【中文标题】在 NSView 中添加边框和圆角矩形【英文标题】:Adding border and Rounded Rect in the NSView 【发布时间】:2011-02-15 14:37:18 【问题描述】:

在我的应用程序中,NSView 应该有圆角矩形和边框,我尝试了以下

static CGColorRef CGColorCreateFromNSColor (CGColorSpaceRef
                                            colorSpace, NSColor *color)

    NSColor *deviceColor = [color colorUsingColorSpaceName:
                            NSDeviceRGBColorSpace];

    float components[4];
    [deviceColor getRed: &components[0] green: &components[1] blue:
     &components[2] alpha: &components[3]];

    return CGColorCreate (colorSpace, components);

并在 InitWithframe 中添加以下代码行

    [[self layer] setCornerRadius:505];
    [[self layer] setBorderWidth:500.0];
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB ();
    CGColorRef cgColor = CGColorCreateFromNSColor (colorSpace, [NSColor whiteColor]);
    CGColorSpaceRelease (colorSpace);
    [[self layer] setBorderColor:cgColor];

但是一点效果都没有,有没有其他方法,

我可以猜到的另一种方法是,在 drawRect 中绘制边框,但它看起来很复杂,任何人都可以建议我任何其他方法

亲切的问候

罗汉

【问题讨论】:

【参考方案1】:

谢谢你看这个,这个逻辑对我有用,

- (void)drawRect:(NSRect)rect

   if([self hasBorder])
    [self drawBorder:rect];



-(void)drawBorder:(NSRect)rect
    NSRect frameRect = [self bounds];

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

    NSBezierPath *textViewSurround = [NSBezierPath bezierPathWithRoundedRect:newRect xRadius:10 yRadius:10];
    [textViewSurround setLineWidth:BORDER_WIDTH];
    [pBorderColor set];
    [textViewSurround stroke];

【讨论】:

【参考方案2】:

要使图层属性产生任何影响,您需要先将 NSView 上的 setWantsLayer 设置为 YES。

我在 InitWithFrame 中有这个作为我的视图:

[self setWantsLayer: YES];
[self.layer setBorderWidth: 2];
[self.layer setCornerRadius: 10];

【讨论】:

【参考方案3】:

对上一个答案的一点改进。如果您不想将 NSView 子类化(如果它是控制器的基本视图),您也可以执行以下操作:

override func viewDidLoad() 
        super.viewDidLoad()

        self.view.wantsLayer = true
    

【讨论】:

以上是关于在 NSView 中添加边框和圆角矩形的主要内容,如果未能解决你的问题,请参考以下文章

安卓用shape画圆角矩形边框

iOS:带边框的圆角矩形颜色

UIAlertViewController 中具有圆角矩形边框样式的文本字段。 (迅速)

绘制没有底部边框的圆角矩形边框

html5中canvas通过js绘制圆角矩形

html5中canvas通过js绘制圆角矩形