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!

维护者

编辑推荐精选

商汤小浣熊

商汤小浣熊

最强AI数据分析助手

小浣熊家族Raccoon,您的AI智能助手,致力于通过先进的人工智能技术,为用户提供高效、便捷的智能服务。无论是日常咨询还是专业问题解答,小浣熊都能以快速、准确的响应满足您的需求,让您的生活更加智能便捷。

imini AI

imini AI

像人一样思考的AI智能体

imini 是一款超级AI智能体,能根据人类指令,自主思考、自主完成、并且交付结果的AI智能体。

Keevx

Keevx

AI数字人视频创作平台

Keevx 一款开箱即用的AI数字人视频创作平台,广泛适用于电商广告、企业培训与社媒宣传,让全球企业与个人创作者无需拍摄剪辑,就能快速生成多语言、高质量的专业视频。

即梦AI

即梦AI

一站式AI创作平台

提供 AI 驱动的图片、视频生成及数字人等功能,助力创意创作

扣子-AI办公

扣子-AI办公

AI办公助手,复杂任务高效处理

AI办公助手,复杂任务高效处理。办公效率低?扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作,覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应,生活工作无缝切换,提升50%效率!

TRAE编程

TRAE编程

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

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

AI工具TraeAI IDE协作生产力转型热门
蛙蛙写作

蛙蛙写作

AI小说写作助手,一站式润色、改写、扩写

蛙蛙写作—国内先进的AI写作平台,涵盖小说、学术、社交媒体等多场景。提供续写、改写、润色等功能,助力创作者高效优化写作流程。界面简洁,功能全面,适合各类写作者提升内容品质和工作效率。

AI辅助写作AI工具蛙蛙写作AI写作工具学术助手办公助手营销助手AI助手
问小白

问小白

全能AI智能助手,随时解答生活与工作的多样问题

问小白,由元石科技研发的AI智能助手,快速准确地解答各种生活和工作问题,包括但不限于搜索、规划和社交互动,帮助用户在日常生活中提高效率,轻松管理个人事务。

热门AI助手AI对话AI工具聊天机器人
Transly

Transly

实时语音翻译/同声传译工具

Transly是一个多场景的AI大语言模型驱动的同声传译、专业翻译助手,它拥有超精准的音频识别翻译能力,几乎零延迟的使用体验和支持多国语言可以让你带它走遍全球,无论你是留学生、商务人士、韩剧美剧爱好者,还是出国游玩、多国会议、跨国追星等等,都可以满足你所有需要同传的场景需求,线上线下通用,扫除语言障碍,让全世界的语言交流不再有国界。

讯飞智文

讯飞智文

一键生成PPT和Word,让学习生活更轻松

讯飞智文是一个利用 AI 技术的项目,能够帮助用户生成 PPT 以及各类文档。无论是商业领域的市场分析报告、年度目标制定,还是学生群体的职业生涯规划、实习避坑指南,亦或是活动策划、旅游攻略等内容,它都能提供支持,帮助用户精准表达,轻松呈现各种信息。

AI办公办公工具AI工具讯飞智文AI在线生成PPTAI撰写助手多语种文档生成AI自动配图热门
下拉加载更多