渐变圆环
Circle()
.stroke(LinearGradient(gradient: Gradient(colors: [Color(.green), Color(.red)]), startPoint: .top, endPoint: .bottom), style: StrokeStyle(lineWidth: 3, lineCap: .round, lineJoin: .round)
)
.frame(width: 140, height: 140)
字体渐变, foregroundStyle
Text("\(self.bpm)")
.font(Font.system(size: 40))
.foregroundStyle(
LinearGradient(
colors: [.red, .green],
startPoint: .topLeading,
endPoint: .bottomTrailing
)
)
ZStack {
// 821CED, E7166B
Circle()
.stroke(LinearGradient(gradient: Gradient(colors: [Color(.green), Color(.red)]), startPoint: .top, endPoint: .bottom), style: StrokeStyle(lineWidth: 3, lineCap: .round, lineJoin: .round)
)
.frame(width: 140, height: 140)
VStack {
Text("BMP")
.font(Font.system(size: 12))
.foregroundColor(.white)
Text("\(self.bpm)")
.font(Font.system(size: 40))
.foregroundStyle(
LinearGradient(
colors: [.red, .green],
startPoint: .topLeading,
endPoint: .bottomTrailing
)
)
}
截屏2023-05-29 00.59.07.png
