SwiftUI中如何全局预定义.title/.largeTitle等标题字体样式？

要全局修改SwiftUI中.largeTitle、.title、.title2、.title3这些字体样式的默认效果（自动加粗+指定颜色），有两种原生方案可选，不需要自定义组件：

方案一：利用UIKit全局文本外观设置（推荐） #

SwiftUI的字体样式底层对应UIKit的UIFont.TextStyle，因此可以通过配置UITextAppearance来全局修改这些样式的字体和颜色，所有使用对应样式的SwiftUI Text、UIKit控件都会自动生效。

在你的App入口（@main修饰的App结构体）的初始化方法中添加如下代码：

import SwiftUI

@main
struct YourAppName: App {
    init() {
        // 读取自定义颜色，默认 fallback 为黑色
        let titleUIColor = UIColor(named: "TitleColor") ?? .black
        
        // 定义配置标题样式的通用方法
        func configureTextStyle(_ style: UIFont.TextStyle) {
            let appearance = UITextAppearance()
            // 获取系统对应样式的字体并设置加粗
            let systemFont = UIFont.preferredFont(forTextStyle: style)
            appearance.font = systemFont.withWeight(.bold)
            // 设置文本颜色
            appearance.color = titleUIColor
            
            // 给UILabel和UITextView应用该外观
            UILabel.appearance().textAppearance(for: style) = appearance
            UITextView.appearance().textAppearance(for: style) = appearance
        }
        
        // 对所有目标标题样式应用配置
        configureTextStyle(.largeTitle)
        configureTextStyle(.title1) // 对应SwiftUI的 .title
        configureTextStyle(.title2) // 对应SwiftUI的 .title2
        configureTextStyle(.title3) // 对应SwiftUI的 .title3
    }
    
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

兼容说明 #

• withWeight(.bold) 是iOS 14+支持的方法，如果需要兼容iOS 13，可以替换为：

  appearance.font = UIFont.systemFont(ofSize: systemFont.pointSize, weight: .bold)
  

• 确保你的Asset Catalog中存在名为TitleColor的颜色资源。

方案二：SwiftUI全局修饰符 #

通过自定义ViewModifier并全局应用到根视图，自动检测当前文本的字体样式，对目标标题样式添加加粗和颜色效果。

步骤1：实现全局修饰符 #

import SwiftUI

extension View {
    func applyGlobalTitleStyles() -> some View {
        self.modifier(GlobalTitleStyleModifier())
    }
}

struct GlobalTitleStyleModifier: ViewModifier {
    @Environment(\.font) private var currentFont
    
    // 定义需要修改的标题字体样式集合
    private let targetTextStyles: [UIFont.TextStyle] = [.largeTitle, .title1, .title2, .title3]
    
    func body(content: Content) -> some View {
        guard let uiFont = currentFont?.uiFont else {
            return content
        }
        
        // 获取当前字体对应的系统文本样式
        let textStyle = UIFont.preferredTextStyle(for: uiFont)
        
        if targetTextStyles.contains(textStyle) {
            content
                .fontWeight(.bold)
                .foregroundColor(Color("TitleColor"))
        } else {
            content
        }
    }
}

// 扩展Font，实现转UIFont的方法
extension Font {
    var uiFont: UIFont? {
        UIFont(name: self.fontName, size: self.pointSize)
    }
}

步骤2：全局应用修饰符 #

在你的根视图上添加该修饰符：

ContentView()
    .applyGlobalTitleStyles()

注意事项 #

• 此方法依赖SwiftUI Font转UIFont的逻辑，若系统内部实现变更可能失效；
• 仅对SwiftUI视图生效，不会影响UIKit控件。

内容的提问来源于stack exchange，提问作者Adrian Föder