半透明边栏 OS X
Translucent Sidebar OS X
谁能解释一下我如何重新创建这种类型的 windows?
- 我正在寻找一个半透明的侧边栏,其 close/minimize/fullscreen 按钮继承了侧边栏的背景颜色。我注意到 windows 没有标题栏。关闭外观中的标题栏可能是一个开始,但我很快就卡住了。
- 侧边栏是用
Vertical Split
实现的吗?
当您有 table 或大纲视图的 selectionHighlightStyle
is set to .SourceList
. You can get a pretty good demo of this part from Apple's SidebarDemo 示例代码项目时,您会自动获得半透明外观。
window 控件覆盖在边栏内容视图上的消失的标题栏是将 titleVisibility
to .Hidden
and setting titlebarAppearsTransparent
设置为 true
的结果。
不过,一旦您这样做,您的大纲视图内容将在 window 控件下向上滑动,这可能不是您想要的。一般的解决方案是相对于 window 的 contentLayoutGuide
布局内容...但是如果你只有一个滚动侧边栏,最好只告诉滚动视图开始,这样第一行向下移动一点(然后当你滚动时它的内容仍然可以向上移动)。
let offset = window.frame.height - window.contentLayoutRect.maxY
scrollView.contentInsets.top = offset
对于布局,您确实可能想要使用垂直拆分视图(尽管这不是实现这种视觉风格的必要条件——只是通常对侧边栏有用的其他东西)。
谁能解释一下我如何重新创建这种类型的 windows?
- 我正在寻找一个半透明的侧边栏,其 close/minimize/fullscreen 按钮继承了侧边栏的背景颜色。我注意到 windows 没有标题栏。关闭外观中的标题栏可能是一个开始,但我很快就卡住了。
- 侧边栏是用
Vertical Split
实现的吗?
当您有 table 或大纲视图的 selectionHighlightStyle
is set to .SourceList
. You can get a pretty good demo of this part from Apple's SidebarDemo 示例代码项目时,您会自动获得半透明外观。
window 控件覆盖在边栏内容视图上的消失的标题栏是将 titleVisibility
to .Hidden
and setting titlebarAppearsTransparent
设置为 true
的结果。
不过,一旦您这样做,您的大纲视图内容将在 window 控件下向上滑动,这可能不是您想要的。一般的解决方案是相对于 window 的 contentLayoutGuide
布局内容...但是如果你只有一个滚动侧边栏,最好只告诉滚动视图开始,这样第一行向下移动一点(然后当你滚动时它的内容仍然可以向上移动)。
let offset = window.frame.height - window.contentLayoutRect.maxY
scrollView.contentInsets.top = offset
对于布局,您确实可能想要使用垂直拆分视图(尽管这不是实现这种视觉风格的必要条件——只是通常对侧边栏有用的其他东西)。