swift - 在 SwiftUI Xcode beta 5 中向图像添加带有 cornerRadius 的边框

Question

如何为图像添加带有 cornerRadius 的边框。我收到弃用警告，说我应该使用 RoundedRectange Shape，但我不知道如何使用它

测试版 4:

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

Answer 1

swift 用户界面 1.0

使用 cornerRadius 和叠加修饰符

这是另一种方法，我们可以使用 cornerRadius 修饰符(它会剪裁 View )，然后用颜色覆盖笔划。

VStack(spacing: 40) {
    Text("Image Border").font(.largeTitle)
    Text("Using cornerRadius & overlay").font(.title).foregroundColor(.gray)
    Text("Using cornerRadius will also clip the image. Then overlay a border.")
        .frame(minWidth: 0, maxWidth: .infinity)
        .font(.title)
        .padding()
        .background(Color.orange)
        .foregroundColor(.black)

    Image("profile")
        .cornerRadius(10)
        .overlay(RoundedRectangle(cornerRadius: 10)
            .stroke(Color.orange, lineWidth: 4))
        .shadow(radius: 10)
}

结果