Settings

Settings

Swift库助力macOS应用轻松实现设置功能

Settings是一个用于macOS应用开发的Swift库,能快速实现设置窗口功能。该库支持视图控制器传入、自动界面处理和SwiftUI集成。兼容macOS 13+,自动使用'Settings'作为窗口标题。提供工具栏和分段控制两种样式,支持窗口和标签状态保存,符合macOS界面设计规范。开发者可通过简单配置,轻松为应用添加专业的设置界面。

macOS设置窗口SwiftUINSToolbarItemNSSegmentedControlGithub开源项目

设置

几分钟内为您的 macOS 应用添加设置窗口

<img src="https://yellow-cdn.veclightyear.com/0a4dffa0/2516887f-a73f-4253-b9e9-f8683259fe51.gif" width="628">

只需传入一些视图控制器,这个包就会处理其余的部分。内置 SwiftUI 支持。

该包兼容 macOS 13,并在 macOS 13 及更高版本中自动使用"设置"而不是"偏好设置"作为窗口标题。

此项目之前被称为 Preferences

要求

macOS 10.13 及更高版本。

安装

在 Xcode 的"Swift Package Manager"选项卡中添加 https://github.com/sindresorhus/Settings

使用方法

运行 Example Xcode 项目以尝试实时示例(需要 macOS 11 或更高版本)。

首先,创建一些设置面板标识符:

import Settings extension Settings.PaneIdentifier { static let general = Self("general") static let advanced = Self("advanced") }

其次,为您想要的设置面板创建几个视图控制器。与实现普通视图控制器的唯一区别是,您必须添加 SettingsPane 协议并实现 paneIdentifiertoolbarItemTitletoolbarItemIcon 属性,如下所示。如果您使用 .segmentedControl 样式,可以省略 toolbarItemIcon

GeneralSettingsViewController.swift

import Cocoa import Settings final class GeneralSettingsViewController: NSViewController, SettingsPane { let paneIdentifier = Settings.PaneIdentifier.general let paneTitle = "通用" let toolbarItemIcon = NSImage(systemSymbolName: "gearshape", accessibilityDescription: "通用设置")! override var nibName: NSNib.Name? { "GeneralSettingsViewController" } override func viewDidLoad() { super.viewDidLoad() // 在此处设置内容 } }

注意:如果您需要支持比 macOS 11 更早的 macOS 版本,您必须为 toolbarItemIcon 添加一个后备方案

AdvancedSettingsViewController.swift

import Cocoa import Settings final class AdvancedSettingsViewController: NSViewController, SettingsPane { let paneIdentifier = Settings.PaneIdentifier.advanced let paneTitle = "高级" let toolbarItemIcon = NSImage(systemSymbolName: "gearshape.2", accessibilityDescription: "高级设置")! override var nibName: NSNib.Name? { "AdvancedSettingsViewController" } override func viewDidLoad() { super.viewDidLoad() // 在此处设置内容 } }

如果您需要间接响应操作,设置窗口控制器会将响应链操作转发给活动面板(如果它响应该选择器)。

final class AdvancedSettingsViewController: NSViewController, SettingsPane { @IBOutlet private var fontLabel: NSTextField! private var selectedFont = NSFont.systemFont(ofSize: 14) @IBAction private func changeFont(_ sender: NSFontManager) { font = sender.convert(font) } }

AppDelegate 中,初始化一个新的 SettingsWindowController 并传入视图控制器。然后为"设置…"菜单项添加一个操作出口以显示设置窗口。

AppDelegate.swift

import Cocoa import Settings @main final class AppDelegate: NSObject, NSApplicationDelegate { @IBOutlet private var window: NSWindow! private lazy var settingsWindowController = SettingsWindowController( panes: [ GeneralSettingsViewController(), AdvancedSettingsViewController() ] ) func applicationDidFinishLaunching(_ notification: Notification) {} @IBAction func settingsMenuItemActionHandler(_ sender: NSMenuItem) { settingsWindowController.show() } }

设置标签样式

创建 SettingsWindowController 时,您可以选择基于 NSToolbarItem 的样式(默认)和 NSSegmentedControl

// … private lazy var settingsWindowController = SettingsWindowController( panes: [ GeneralSettingsViewController(), AdvancedSettingsViewController() ], style: .segmentedControl ) // …

.toolbarItem 样式:

基于 NSToolbarItem(默认)

.segmentedControl 样式:

基于 NSSegmentedControl

API

public enum Settings {} extension Settings { public enum Style { case toolbarItems case segmentedControl } }
public protocol SettingsPane: NSViewController { var paneIdentifier: Settings.PaneIdentifier { get } var paneTitle: String { get } var toolbarItemIcon: NSImage { get } // 使用.`segmentedControl`样式时不需要 } public final class SettingsWindowController: NSWindowController { init( panes: [SettingsPane], style: Settings.Style = .toolbarItems, animated: Bool = true, hidesToolbarForSingleItem: Bool = true ) init( panes: [SettingsPaneConvertible], style: Settings.Style = .toolbarItems, animated: Bool = true, hidesToolbarForSingleItem: Bool = true ) func show(pane: Settings.PaneIdentifier? = nil) }

与任何NSWindowController一样,调用NSWindowController#close()来关闭设置窗口。

建议

在每个面板内创建用户界面最简单的方法是在Interface Builder中使用NSGridView。请参阅此仓库中的示例项目以查看演示。

SwiftUI支持

如果你的部署目标是macOS 10.15或更高版本,你可以使用捆绑的SwiftUI组件来创建面板。使用你的自定义视图和必要的工具栏信息创建一个Settings.Pane(使用AppKit时是SettingsPane)。

在此仓库的Xcode项目中运行Example目标以查看真实示例。Accounts标签页使用SwiftUI实现。

还有一些捆绑的便利SwiftUI组件,如Settings.ContainerSettings.Section,可以自动实现与AppKit的NSGridView类似的对齐。还有一个.settiingDescription()视图修饰符用于将文本样式设置为设置描述。

提示:Defaults包使得持久化设置变得非常容易。

struct CustomPane: View { var body: some View { Settings.Container(contentWidth: 450.0) { Settings.Section(title: "节标题") { // 一些视图 } Settings.Section(label: { // 自定义标签对齐在右侧 }) { // 一些视图 } } } }

然后在AppDelegate中,初始化一个新的SettingsWindowController并传入面板视图。

// … private lazy var settingsWindowController = SettingsWindowController( panes: [ Pane( identifier:, title:, toolbarIcon: NSImage() ) { CustomPane() }, Pane( identifier:, title:, toolbarIcon: NSImage() ) { AnotherCustomPane() } ] ) // …

如果你想在标准AppKit NSViewController旁边使用SwiftUI面板,可以将面板视图包装到Settings.PaneHostingController中,然后像使用标准面板一样将它们传递给SettingsWindowController

let CustomViewSettingsPaneViewController: () -> SettingsPane = { let paneView = Settings.Pane( identifier:, title:, toolbarIcon: NSImage() ) { // 你的自定义视图(如果需要的话还可以添加修饰符) CustomPane() // .environmentObject(someSettingsManager) } return Settings.PaneHostingController(paneView: paneView) } // … private lazy var settingsWindowController = SettingsWindowController( panes: [ GeneralSettingsViewController(), AdvancedSettingsViewController(), CustomViewSettingsPaneViewController() ], style: .segmentedControl ) // …

这里有完整示例。

向后兼容性

macOS 11及更高版本支持SF Symbols,可以方便地用于工具栏图标。如果你需要支持旧版macOS,你必须添加一个后备方案。Apple建议即使在旧系统上也使用相同的图标。实现这一点的最佳方法是导出相关SF Symbols图标为图像,并将它们添加到你的Asset Catalog中。

已知问题

设置窗口不显示

当你不使用自动布局或未为视图控制器设置大小时,可能会发生这种情况。你可以通过使用自动布局或设置显式大小来解决这个问题,例如在viewDidLoad()中设置preferredContentSize我们打算修复这个问题。

macOS 10.13及更早版本没有动画

在 macOS 10.13 或更早版本上,SettingsWindowController.initanimated 参数没有效果,因为这些版本不支持 NSViewController.TransitionOptions.crossfade

常见问题

如何本地化窗口标题?

SettingsWindowController 遵循 macOS 人机界面指南,并使用以下规则来确定窗口标题:

  • 多个设置面板: 使用当前选中的 paneTitle 作为窗口标题。本地化你的 paneTitle 以获得本地化的窗口标题。
  • 单个设置面板: 将窗口标题设置为 应用名称 设置。应用名称从你的应用程序包中获取。你可以本地化其 Info.plist 来自定义标题。"设置"部分取自"设置…"菜单项,参见 #12。从你的应用程序包中查找应用名称的顺序:
    1. CFBundleDisplayName
    2. CFBundleName
    3. CFBundleExecutable
    4. 如果缺少某些设置,将回退到 "<未知应用名称>"

为什么我应该使用这个而不是自己手动实现?

看起来不难,对吧?其实很复杂:

它比 MASPreferences 好在哪里?

  • 用 Swift 编写。(无需桥接头文件!)
  • 使用协议的 Swift 风格 API。
  • 支持分段控制样式标签。
  • 支持 SwiftUI。
  • 完整的文档。
  • 符合 macOS 人机界面指南
  • 窗口标题通过使用系统字符串自动本地化。

相关项目

你可能也会喜欢 Sindre 的应用程序

这些应用使用了本项目

想告诉世界你的应用正在使用这个包吗?欢迎提交 PR!

维护者

编辑推荐精选

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

Refly.AI

Refly.AI

最适合小白的AI自动化工作流平台

无需编码,轻松生成可复用、可变现的AI自动化工作流

酷表ChatExcel

酷表ChatExcel

大模型驱动的Excel数据处理工具

基于大模型交互的表格处理系统,允许用户通过对话方式完成数据整理和可视化分析。系统采用机器学习算法解析用户指令,自动执行排序、公式计算和数据透视等操作,支持多种文件格式导入导出。数据处理响应速度保持在0.8秒以内,支持超过100万行数据的即时分析。

AI工具酷表ChatExcelAI智能客服AI营销产品使用教程
TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
AIWritePaper论文写作

AIWritePaper论文写作

AI论文写作指导平台

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

AI辅助写作AI工具AI论文工具论文写作智能生成大纲数据安全AI助手热门
博思AIPPT

博思AIPPT

AI一键生成PPT,就用博思AIPPT!

博思AIPPT,新一代的AI生成PPT平台,支持智能生成PPT、AI美化PPT、文本&链接生成PPT、导入Word/PDF/Markdown文档生成PPT等,内置海量精美PPT模板,涵盖商务、教育、科技等不同风格,同时针对每个页面提供多种版式,一键自适应切换,完美适配各种办公场景。

AI办公办公工具AI工具博思AIPPTAI生成PPT智能排版海量精品模板AI创作热门
潮际好麦

潮际好麦

AI赋能电商视觉革命,一站式智能商拍平台

潮际好麦深耕服装行业,是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌,以及国内10万+淘宝、天猫、京东等主流平台的品牌商家,为卖家节省将近85%的出图成本,提升约3倍出图效率,让品牌能够快速上架。

iTerms

iTerms

企业专属的AI法律顾问

iTerms是法大大集团旗下法律子品牌,基于最先进的大语言模型(LLM)、专业的法律知识库和强大的智能体架构,帮助企业扫清合规障碍,筑牢风控防线,成为您企业专属的AI法律顾问。

SimilarWeb流量提升

SimilarWeb流量提升

稳定高效的流量提升解决方案,助力品牌曝光

稳定高效的流量提升解决方案,助力品牌曝光

Sora2视频免费生成

Sora2视频免费生成

最新版Sora2模型免费使用,一键生成无水印视频

最新版Sora2模型免费使用,一键生成无水印视频

下拉加载更多