macOS SwiftUI教程之绘制环形图RingView(教程含源码)

实战需求

macOS SwiftUI教程之绘制环形图RingView

本文价值与收获

看完本文后,您将能够作出下面的界面

macOS SwiftUI教程之绘制环形图RingView(教程含源码)_第1张图片
截屏2020-12-13 上午11.12.40.png

看完本文您将掌握的技能

  • .fill(Color(.darkGray))填充整个圆的背景
  • .stroke(Color(.red), style: StrokeStyle(lineWidth: 12, lineCap: .round, lineJoin: .round)) 通过边框实行百分比效果
  • 设置高度.frame(width: 10, height: CGFloat(value))
  • .rotationEffect(.degrees(180)) 旋转
  • .rotation3DEffect(.degrees(180), axis: (x: 1, y: 0, z: 0))3D旋转

你可能感兴趣的:(macOS SwiftUI教程之绘制环形图RingView(教程含源码))