美文网首页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