美文网首页Mac玩转MacMac开发云集
Mac开发--关于window的titleBar和圆角问题

Mac开发--关于window的titleBar和圆角问题

作者: 背靠背的微笑 | 来源:发表于2016-11-24 15:49 被阅读610次

有时候我们需要自定义titlebar,方法有二:其一,保留系统的titlebar,只是隐藏titlebar;其二,不使用系统的titlebar,完全自定义,但是会出现window四个角的圆角不显示的问题。接下来就对每个方法进行详细的分析。

方法一:保留系统的titlebar

1、新建一个工程,保留系统生成的titlebar,将标题按钮去除。

去除标题按钮

2、在AppDelegate中将titlebar隐藏

self.window.titleVisibility = NSWindowTitleHidden;

隐藏titlebar

3、什么都没有,但是我们还是发现上边有一个titlebar的区域,我们加入一个红色背景视图,让效果更明显。

NSView *view = [[NSView alloc] initWithFrame:self.window.contentView.bounds];

view.wantsLayer = YES;

view.layer.backgroundColor = [NSColor redColor].CGColor;

[self.window.contentView addSubview:view];

加入一个红色背景视图

4、我们现在可以明显看到,titlebar的区域还是存在,这样并不是我们想要的。

所以我们要设置window的style,titlebar的显示为透明

self.window.titlebarAppearsTransparent = YES;

self.window.styleMask = self.window.styleMask | NSWindowStyleMaskFullSizeContentView;

最后的效果图

好,这样我们就可以随心所欲得在上面添加我们想要的内容了。

方法二:不使用系统的titlebar

1、新建一个工程,在xib里去除window的titlebar

titlebar的区域已经不在了,很好。但是细心的你就会发现,四边的圆角也同时失效了,变成了直角。

圆角失效

2、同样,为了方便看效果,我们增加一个红色背景的视图。

3、接下来我们对contentView进行切角,为了效果明显一点,我们将半径设置大一点。

self.window.contentView.wantsLayer = YES;

self.window.contentView.layer.frame = self.window.contentView.frame;

self.window.contentView.layer.masksToBounds = YES;

self.window.contentView.layer.cornerRadius = 30.0;

显示圆角

4、这时候我们的圆角已经出来了,但是底部背景还是直角,我们将其window颜色设置为透明

并设置layer为白色底部,防止留有透明的空隙。

self.window.backgroundColor = [NSColor clearColor];

self.window.contentView.layer.backgroundColor = [NSColor whiteColor].CGColor;

最后效果图

好,这样我们就可以随心所欲得在上面添加我们想要的内容了,而且圆角的半径可以自由设置。

相关文章

网友评论

  • 九剑仙:困扰我很久了
  • 大Z哥:楼主知道怎么在titleBar里添加控件吗?类似Xcode的那种titleBar~
    背靠背的微笑:@zerver 我觉得应该是自定义的,系统的约束性太多,况且像关闭、放大、放小的按钮自己设置一下也不难的。或者你可以通过获取contentView的父视图,然后将你的控件加到window的顶部区域。
    NSView *titleView = [[self.window contentView] superView];
    [titleView addSubview:XXX];
    大Z哥:@背靠背的微笑 类似xcode那种,应该是系统的吧?自定义能实现,我就是好奇~
    背靠背的微笑:你自定义titleBar后,就相当于一个View,里面可以任意布局你的控件啊
  • 瞬间看见永远:你这个方法最大缺点就是window的阴影效果没了
    背靠背的微笑:我使用后有阴影,你再排查下

本文标题:Mac开发--关于window的titleBar和圆角问题

本文链接:https://www.haomeiwen.com/subject/sejbpttx.html