2014-10-17 25 views
3

只是好奇如何完成这种自定义柱状应用程序视图。源列表直接通过标题栏,但只是一方面,我猜他们隐藏了标题栏,也许然后使用了NSVisualEffectView?任何源代码或技巧的赞赏,它是一个非常酷,从我看到相当广泛使用的用户界面元素优胜美地应用程序。10.10通过TitleBar的源列表?

Translucent source list that goes straight through NSTitleBar

搜索栏的照片和添加列表按钮是明显不同的意见,我完全明白了SOURCELIST风格的NSOutlineView会自动创建这种效果在10.10,但按钮​​和搜索字段不能在源列表滚动区域中,但其背景与源列表的背景一致,这使得我认为这种效果比基于源列表的更多视图。

+0

感谢您在GitHub上添加示例。作为参考,苹果有一个[示例项目](https://developer.apple.com/devcenter/download.action?path=/wwdc_2014/wwdc_2014_sample_code/visualeffectplaygroundblurstranslucencyandvibrancyonosx.zip)这是非常详尽的: (需要登录): (链接自[此页](https://developer.apple.com/wwdc/resources/sample-code/)) – 2015-01-03 12:06:40

回答

7

好吧,所以我自己回答了这个问题。我在这里创建了一个github仓库,向其他人展示如何轻松创建我期待创建的效果。

Tri-Transarent-Window

的基本要点是创建一个NSVisualEffectsView,然后简单地隐藏标题栏,并设置标题栏的面具。

@implementation AppDelegate 

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification { 
// Insert code here to initialize your application 

self.window.styleMask = self.window.styleMask | NSFullSizeContentViewWindowMask; 
self.window.titleVisibility = NSWindowTitleHidden; 
self.window.titlebarAppearsTransparent = YES; 

} 

上面的代码将使窗口接受视图,它会自动通过标题栏流血。这里是我的XIB

enter image description here

当你运行你通过标题栏延伸不错侧边栏风格的透明视图。

enter image description here