macOS SwiftUI 开源项目之 文档类显示App trim(教程含源码)

实战需求

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

本文价值与收获

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

macOS SwiftUI 开源项目之 文档类显示App trim(教程含源码)_第1张图片
截屏2021-02-18 上午11.03.14.png
macOS SwiftUI 开源项目之 文档类显示App trim(教程含源码)_第2张图片
截屏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)

实战代码

你可能感兴趣的:(macOS SwiftUI 开源项目之 文档类显示App trim(教程含源码))