SwiftUI 渐变色, 字体, 圆环,

渐变圆环

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