SwiftUI绘图之Paths画个自定义图形

什么是Paths

Paths主要用于绘制由点线构成的图形.

Path { path in 
    //
}

Paths该如何用

我们可以在Path闭包内部指定绘图方法。我们将用于路径绘制路径的基本命令是move,line和addLine。这些应该为我们提供我们所追求的大多数;为了绘制曲线,除curve和quadCurve外,我们还具有addQuadCurve,addArc和addRelativeArc。最后,我们还可以添加其他形状,例如addEllipse,addRect,addRects,addRoundedRect和addPath。

让我们绘制一个200 x 200的正方形。要在路径中做到这一点,我们首先需要使用move将绘图光标移动到起点;然后,我们可以使用addLine三次添加一条线,这将为我们提供正方形,如以下代码所示

import SwiftUI

struct PathDemo: View {
    var body: some View {
        VStack{
            Path { path in
                path.move(to: CGPoint(x:10,y:10))
                path.addLine(to:CGPoint(x:10,y:210))
                path.addLine(to:CGPoint(x:210,y:210))
                path.addLine(to: CGPoint(x:210,y:10))
                
            }
        }
    }
}

创建路径对象后,它也是一个视图,我们也可以将大多数修饰符应用于路径对象。

绘图专栏

更多绘制知识请关注我的专栏

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容