SwiftUI 漸變色, 字體, 圓環(huán),

漸變圓環(huán)

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
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容