实战需求

macOS SwiftUI 开源项目之 文档类显示App（教程含源码）

本文价值与收获

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

截屏2021-02-18 上午11.03.14.png 截屏2021-02-18 上午11.03.04.png Jietu20210218-111306.gif

看完本文您将掌握的技能

• 按钮实现隐藏和显示侧边栏
• 环型图含图列
• 左右分列

---

基础知识

trim

根据形状作为路径的表示形式，按小数量修剪此形状。

func trim(from startFraction: CGFloat = 0, to endFraction: CGFloat = 1) -> some Shape

使用

若要创建 Shape 实例，请使用线和曲线定义形状的路径。使用修剪（从：到：）方法通过忽略形状路径的开头和结尾部分来绘制形状的一部分。

Path { path in
    path.addLines([
        .init(x: 2, y: 1),
        .init(x: 1, y: 0),
        .init(x: 0, y: 1),
        .init(x: 1, y: 2),
        .init(x: 3, y: 0),
        .init(x: 4, y: 1),
        .init(x: 3, y: 2),
        .init(x: 2, y: 1)
    ])
}
.trim(from: 0.25, to: 1.0)
.scale(50, anchor: .topLeading)
.stroke(Color.black, lineWidth: 3)

实战代码