SwiftUI中为Image添加带圆角边框：Xcode Beta4/Beta5适配方案问询

刚好我前段时间也踩过这个坑，给你详细说下两个版本的实现方式：

Xcode Beta4 替代方案 #

原来的border(_:width:cornerRadius:)被标记弃用后，官方推荐用RoundedRectangle这个Shape来实现效果。核心思路是通过overlay修饰符，把一个带圆角的描边矩形叠加到Image上，代码如下：

Image(uiImage: yourImage)
    .overlay(
        RoundedRectangle(cornerRadius: 10)
            .stroke(Color.black, lineWidth: 2)
    )

如果需要让Image本身也跟着圆角显示，记得再加个.cornerRadius(10)修饰符，不然Image还是直角，只有边框是圆角：

Image(uiImage: yourImage)
    .cornerRadius(10)
    .overlay(
        RoundedRectangle(cornerRadius: 10)
            .stroke(Color.black, lineWidth: 2)
    )

Xcode Beta5 实现方法 #

到了Beta5，SwiftUI对边框和圆角的支持做了优化，现在有两种更简洁的写法：

方法一：组合修饰符 #

直接用.cornerRadius配合.border，不过要注意顺序——先加border再加cornerRadius，这样边框会跟着一起圆角：

Image(uiImage: yourImage)
    .border(Color.black, width: 2)
    .cornerRadius(10)

方法二：用Shape的stroke修饰符（更灵活） #

如果需要更自定义的边框样式（比如虚线边框），还是可以用RoundedRectangle的stroke，写法和Beta4类似，但Beta5里对布局的兼容性更好：

Image(uiImage: yourImage)
    .cornerRadius(10)
    .overlay(
        RoundedRectangle(cornerRadius: 10)
            .stroke(Color.black, style: StrokeStyle(lineWidth: 2, dash: [5]))
    )

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