如何在SwiftUI中创建无尖锐边缘的圆角效果？

要在SwiftUI里创建无尖锐边缘的圆角视图，有几种简单直接的实现方式：

1. 使用基础的cornerRadius修饰符 #

这是最常用的方式，直接给视图添加圆角效果，代码示例：

// 圆角卡片示例
VStack {
    Text("圆角内容")
        .padding()
}
.background(Color.white)
.frame(width: 300, height: 150)
.cornerRadius(24) // 调整数值控制圆角弧度
.shadow(color: .black.opacity(0.1), radius: 8, x: 0, y: 2)

2. 配合clipShape实现精准裁剪 #

如果视图包含阴影、边框等效果，或者需要更自然的圆角过渡，推荐使用clipShape结合RoundedRectangle的连续圆角样式：

Rectangle()
    .fill(Color.orange)
    .frame(width: 250, height: 120)
    .clipShape(RoundedRectangle(cornerRadius: 16, style: .continuous))
    // .continuous 会让圆角的过渡曲线更平滑，避免尖锐感

3. 自定义控件的圆角样式 #

如果是按钮这类交互控件，可以通过自定义ButtonStyle统一设置圆角样式：

struct RoundedButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding(.horizontal, 24)
            .padding(.vertical, 12)
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(12)
            .scaleEffect(configuration.isPressed ? 0.95 : 1.0)
    }
}

// 使用方式
Button("圆角按钮") {
    // 点击事件逻辑
}
.buttonStyle(RoundedButtonStyle())

额外说明：如果需要四个角的圆角半径不同，可以通过RoundedRectangle(cornerRadii: .init(topLeading: 20, topTrailing: 10, bottomLeading: 10, bottomTrailing: 20))单独设置每个角的弧度，灵活适配不同设计需求。

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