我有一个带有边框的图像,我想在该图像上添加一些偏移量的阴影。尽管我认为阴影的默认不透明度太暗,但不透明度的正确属性是什么?
var body: some View {
Image("football")
.resizable()
.scaledToFit()
.frame(width: 100.0, height: 100.0)
.clipShape(Circle())
.overlay(Circle()
.stroke(Color.white, lineWidth: 4))
.shadow(radius: 10.0, x: -10.0, y: -10.0)
}
答案 0 :(得分:8)
您可以将透明度降低的Color
传递给阴影:
.shadow(color: Color.black.opacity(0.2), radius: 10.0, x: -10.0, y: -10.0)
注意:The default shadow是带有0.33
不透明的黑色
Color(.sRGBLinear, white: 0, opacity: 0.33)
答案 1 :(得分:-1)
您可以通过更改X位置和Y位置的值来控制阴影。
Text("Hello")
.frame(width: 100, height: 100)
.background(Color.red)
.shadow(color: Color.black.opacity(0.3), radius: 5, x: -15.5, y: 0.0)
.shadow(color: Color.black.opacity(0.3), radius: 5, x: 15.0, y: 0.0)