如何在SwiftUI中结合clipShape为视图添加边框？

你现在的代码只完成了圆角裁剪，但要添加带颜色和线宽的圆角边框，直接加border会因为clipShape裁剪掉边框的圆角部分，推荐两种靠谱的实现方式：

方法一：直接用圆角矩形组合填充与描边 #

这种方式不需要额外的clipShape，因为基础视图本身就是圆角矩形，填充和描边会完全匹配圆角：

RoundedRectangle(cornerRadius: 6)
    .fill(.gray)
    .stroke(.red, lineWidth: 2) // 这里设置描边颜色和线宽
    .frame(width: 80, height: 80)

方法二：给已有裁剪视图叠加描边 #

如果是对其他非圆角基础视图（比如你的Rectangle）做处理，可以在clipShape之后叠加一个同圆角的描边形状：

Rectangle()
    .frame(width: 80, height: 80)
    .foregroundStyle(.gray)
    .clipShape(RoundedRectangle(cornerRadius: 6))
    .overlay(
        // 叠加和裁剪圆角一致的描边矩形
        RoundedRectangle(cornerRadius: 6)
            .stroke(.blue, lineWidth: 2)
    )

注意：别直接用.border()修饰符，它会生成直角边框，之后的clipShape会把边框的圆角部分裁掉，得不到你想要的圆角边框效果。

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