10.10通过TitleBar的源列表?

时间:2014-10-17 09:24:23

标签: objective-c cocoa nsvisualeffectview

对如何完成这种自定义圆柱应用视图感到好奇。源列表直接通过标题栏,但只是在一边,我猜他们隐藏了标题栏,也许然后使用NSVisualEffectView?任何源代码或提示都很受欢迎,它非常酷,从我看到相当广泛使用的UI元素为优胜美地应用程序。

Translucent source list that goes straight through NSTitleBar

此照片中的搜索栏和添加列表按钮显然位于不同的视图中,我完全理解具有SourceList样式的NSOutlineView将在10.10中自动创建此类效果,但按钮和搜索字段不能在源列表滚动区域中,它们的背景与源列表的背景一致,这使我认为此效果比基于源列表的更基于视图。

1 个答案:

答案 0 :(得分: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