SwiftUI中如何统一设置所有视图的圆角？

如果你不想每次写Button或TextEditor都手动加.cornerRadius，可以用以下几种方式实现全局统一设置：

针对Button：自定义全局ButtonStyle #

SwiftUI的ButtonStyle是专门用来统一按钮样式的，非常适合这个场景：

首先定义一个带圆角的按钮样式：

struct RoundedButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding() // 可选，根据需求调整内边距
            .cornerRadius(8) // 这里设置你想要的圆角大小
            .background(configuration.isPressed ? Color.gray.opacity(0.5) : Color.blue)
            .foregroundColor(.white)
    }
}

然后在你的App入口，把这个样式设置为全局默认：

@main
struct YourAppName: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                .buttonStyle(RoundedButtonStyle())
        }
    }
}

这样所有Button都会自动应用这个带圆角的样式，不用再逐个添加修饰符。

针对TextEditor：扩展或自定义封装视图 #

TextEditor没有类似ButtonStyle的专属样式协议，所以可以用两种方式处理：

方式1：扩展TextEditor添加默认样式 #

写一个扩展，给TextEditor添加一个快速应用圆角的方法：

extension TextEditor {
    func roundedStyle(radius: CGFloat = 8) -> some View {
        self
            .cornerRadius(radius)
            .border(Color.gray.opacity(0.3), cornerRadius: radius) // 可选，加个边框更显眼
            .padding(.horizontal)
    }
}

之后使用的时候直接调用.roundedStyle()就行：

TextEditor(text: $myText).roundedStyle()

方式2：封装自定义RoundedTextEditor视图 #

如果想彻底不用原生TextEditor，直接封装一个带圆角的版本：

struct RoundedTextEditor: View {
    @Binding var text: String
    var placeholder: String = ""
    
    var body: some View {
        TextEditor(text: $text)
            .cornerRadius(8)
            .border(Color.gray.opacity(0.3), cornerRadius: 8)
            .padding(.horizontal)
            // 可选：添加占位符
            .overlay(
                text.isEmpty ? Text(placeholder).foregroundColor(.gray.opacity(0.5)).padding(.horizontal, 16).padding(.top, 8) : nil,
                alignment: .topLeading
            )
    }
}

使用的时候直接用这个自定义视图：

RoundedTextEditor(text: $myText, placeholder: "输入内容...")

全局通用圆角（慎用，会影响所有视图） #

如果真的想给所有视图都加圆角，可以写一个通用的ViewModifier，然后在根视图应用：

struct GlobalCornerRadius: ViewModifier {
    var radius: CGFloat = 8
    func body(content: Content) -> some View {
        content.cornerRadius(radius)
    }
}

extension View {
    func applyGlobalCorners() -> some View {
        self.modifier(GlobalCornerRadius())
    }
}

然后在根视图调用：

ContentView().applyGlobalCorners()

但注意这个会给所有View（包括Text、Image、VStack等）都加上圆角，一般不推荐这么做，还是针对特定视图类型设置更合理。

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