实战需求

macOS SwiftUI教程之绘制环形图RingView

本文价值与收获

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

看完本文您将掌握的技能

• .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旋转

实战代码

1、主界面

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack{
            RingView()
        }.frame(minWidth:600,minHeight: 400)
    }
}

2、header

import SwiftUI

struct HeaderView: View {
    let title: String