如何在SwiftUI开发的macOS应用中实现字体大小自定义

完全可以实现类似Mac邮件App的应用内字体缩放功能，核心思路是通过全局缩放因子+自定义字体修饰符替代原生font修饰符，结合AppStorage持久化用户设置，同时兼容iOS的Dynamic Type。以下是具体实现步骤：

1. 全局缩放状态管理 #

创建可观察对象，负责管理缩放因子并绑定系统偏好设置，确保重启应用后设置依然生效：

import SwiftUI

class FontScaleManager: ObservableObject {
    // 用AppStorage持久化缩放因子，默认值1.0（原始大小）
    @AppStorage("fontScaleFactor") private(set) var scaleFactor: Double = 1.0
    
    // 调整缩放因子，限制范围在0.5到2.0之间（避免字体过大/过小）
    func adjustScale(by delta: Double) {
        scaleFactor = max(0.5, min(scaleFactor + delta, 2.0))
    }
    
    // 恢复默认大小
    func resetToDefault() {
        scaleFactor = 1.0
    }
}

在App入口注入这个环境对象，让所有视图都能访问：

@main
struct CrossPlatformApp: App {
    @StateObject private var fontScaleManager = FontScaleManager()
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .environmentObject(fontScaleManager)
        }
        #if os(macOS)
        // macOS专属设置界面
        Settings {
            FontSettingsView()
                .environmentObject(fontScaleManager)
        }
        #endif
    }
}

2. 自定义字体缩放修饰符 #

创建自定义ViewModifier，根据平台分别处理：iOS保留原生Dynamic Type，macOS应用自定义缩放因子：

struct ScaledFont: ViewModifier {
    let style: Font.TextStyle
    @Environment(\.dynamicTypeSize) private var dynamicTypeSize
    @EnvironmentObject private var scaleManager: FontScaleManager
    
    func body(content: Content) -> some View {
        #if os(iOS)
        // iOS继续使用原生Dynamic Type，不受自定义缩放影响
        content.font(.system(style))
        #else
        // macOS基于系统字体样式，应用自定义缩放因子
        let baseFont = Font.system(style)
        let scaledFont = baseFont.scaleEffect(scaleManager.scaleFactor)
        content.font(scaledFont)
        #endif
    }
}

// 扩展View，方便调用
extension View {
    func scaledFont(_ style: Font.TextStyle) -> some View {
        modifier(ScaledFont(style: style))
    }
}

3. 替换原有字体修饰符 #

把代码中所有font(.title)、font(.caption)等替换为scaledFont(.title)、scaledFont(.caption)即可：

// 示例视图
struct ContentView: View {
    var body: some View {
        VStack(spacing: 16) {
            Text("标题文本")
                .scaledFont(.largeTitle)
            Text("正文文本")
                .scaledFont(.body)
            Text("辅助文本")
                .scaledFont(.caption)
        }
        .padding()
    }
}

4. 添加macOS专属交互 #

偏好设置界面 #

创建设置视图，让用户通过滑块或按钮调整字体大小：

struct FontSettingsView: View {
    @EnvironmentObject private var scaleManager: FontScaleManager
    
    var body: some View {
        Form {
            Section("字体大小") {
                HStack {
                    Button(action: { scaleManager.adjustScale(by: -0.1) }) {
                        Image(systemName: "minus.circle")
                    }
                    Slider(value: $scaleManager.scaleFactor, in: 0.5...2.0, step: 0.1)
                    Button(action: { scaleManager.adjustScale(by: 0.1) }) {
                        Image(systemName: "plus.circle")
                    }
                }
                Text("当前缩放比例: \(String(format: "%.1f", scaleManager.scaleFactor))x")
                    .foregroundColor(.secondary)
            }
        }
        .padding()
        .frame(width: 400, height: 200)
    }
}

菜单栏快捷操作 #

添加和Mac邮件App一致的菜单栏选项，支持快捷键操作：
在CrossPlatformApp的WindowGroup下方添加：

#if os(macOS)
CommandMenu("格式") {
    Button("放大") {
        scaleManager.adjustScale(by: 0.1)
    }
    .keyboardShortcut(.init("+", modifiers: .command))
    
    Button("缩小") {
        scaleManager.adjustScale(by: -0.1)
    }
    .keyboardShortcut(.init("-", modifiers: .command))
    
    Button("恢复默认大小") {
        scaleManager.resetToDefault()
    }
    .keyboardShortcut(.init("0", modifiers: .command))
}
#endif

关键说明 #

• 缩放范围限制在0.5-2.0是为了保证字体可读性，你可以根据需求调整；
• AppStorage自动处理持久化，无需手动读写UserDefaults；
• iOS端完全保留原生Dynamic Type功能，不影响原有体验；
• 所有使用scaledFont修饰符的文本都会自动响应缩放因子变化，无需单独更新视图。

内容的提问来源于stack exchange，提问作者guido