SwiftUI—通过Path路径绘制不规则的线条和图形

简介: SwiftUI—通过Path路径绘制不规则的线条和图形

使用Path,并配合move和addLine绘制自定义的图形

示例代码:


Path { path in //首先添加一个路径,在闭包语句里进行路径形状的定义
   path.move(to: CGPoint(x: 30, y: 0)) //将路径的起点移到此处的坐标位置,也就是水平坐标为30,垂直坐标为0的位置
   path.addLine(to: CGPoint(x: 30, y: 200)) //然后通过addLine方法,从路径的起点,绘制一条直线,直线的终点坐标为{30, 200}
   path.addLine(to: CGPoint(x: 230, y: 200)) //接着从点{30, 200}开始,向右侧绘制一条直线,直线的终点坐标为{230, 200}。
    path.addLine(to: CGPoint(x: 230, y: 0)) //继续向上方绘制一条直线,直线的终点坐标为{230, 0}。
    path.move(to: CGPoint(x: 30, y: 300))
    path.addQuadCurve(to: CGPoint(x: 230, y: 300), control: CGPoint(x: 130, y: 450)) //通过addQuadCurve添加四边形曲线命令,绘制一条贝塞尔曲线,曲线的终点位于(230,300),曲线的控制点位于(130,450)
    path.addQuadCurve(to: CGPoint(x: 330, y: 300), control: CGPoint(x: 280, y: 220))
}
Path { path in
    path.addEllipse(in: CGRect(x: 100, y: 30, width: 200, height: 200)) //将椭圆移到当前路径位置
    path.addRoundedRect(in: CGRect(x: 100, y: 120, width: 200, height: 200), cornerSize: CGSize(width: 10, height: 10)) //加圆角矩形到当前路径
    path.addEllipse(in: CGRect(x: 100, y: 210, width: 200, height: 200))
}



2466108-15f8de46d532c9f4.webp.jpg


2466108-cc2fa65a682f8dd0.webp.jpg


目录
相关文章
|
8月前
|
移动开发 前端开发 JavaScript
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
246 0
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
|
8月前
|
监控 API 计算机视觉
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
79 0
|
8月前
|
计算机视觉
OpenCV(十三):图像中绘制直线、圆形、椭圆形、矩形、多边形和文字
OpenCV(十三):图像中绘制直线、圆形、椭圆形、矩形、多边形和文字
103 0
|
C# 图形学
C#绘制自定义小人
C#绘制自定义小人
Photoshop使用钢笔路径绘制网状条纹
Photoshop使用钢笔路径绘制网状条纹
107 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
SwiftUI—如何将颜色、图片和图形作为视图的背景
850 0
SwiftUI—如何将颜色、图片和图形作为视图的背景
|
计算机视觉
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色
398 0
SwiftUI—使用角度渐变制作顺时针的扇形渐变颜色
|
大数据 开发者
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
快速学习 R 如何画图,图形参数、符号、线条和颜色
177 0
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。
编写Java程序:在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。