实战需求

macOS SwiftUI教程之绘制垂直虚线Dash

本文价值与收获

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

看完本文您将掌握的技能

• 1、 移动原点位置.move(to: CGPoint(x: 0, y: 0))；
• 2、绘制线段.addLine(to: CGPoint(x: rect.width, y: rect.height))；
• 3、设置边框类型.stroke(style: StrokeStyle(lineWidth: 1, dash: [2]))；
• 4、设置高度和宽度.frame(width: 1, height: 100)。

实战代码

import SwiftUIstruct ContentView: View {var body: some View {VStack{Text("SwiftUI 垂直虚线")TestDottedLineView()}.frame(minWidth:600,minHeight: 400)}
}struct DottedLine: Shape {func path(in rect: CGRect) -> Path {var path = Path()path.move(to: CGPoint(x: 0