CustomShapes/自定义形状, CustomCurves/自定义曲线, AnimateableData/数据变化动画的使用

Hanyang Li

已于 2023-10-12 13:39:56 修改

阅读量1.1k

点赞数

于 2023-10-12 13:34:16 首次发布

本文链接：https://blog.csdn.net/u011193452/article/details/133788715

版权

1. CustomShapes 自定义形状视图

1.1 资源图文件 therock.png

1.2 创建自定义形状视图 CustomShapesBootcamp.swift

import SwiftUI

/// 三角形
struct Triangle: Shape{
    func path(in rect: CGRect) -> Path {
        Path { path in
            path.move(to: CGPoint(x: rect.midX, y: rect.minY))
            path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY))
            path.addLine(to: CGPoint(x: rect.minX, y: rect.maxY))
            path.addLine(to: CGPoint(x: rect.midX, y: rect.minY))
        }
    }
}

/// 菱形
struct Diamond: Shape{
    func path(in rect: CGRect) -> Path {
        Path { path in
            let horizontalOffset: CGFloat = rect.width * 0.2
            path.move(to: CGPoint(x: rect.midX, y: rect.minY))
            path.addLine(to: CGPoint(x: rect.maxX - horizontalOffset, y: rect.midY))
            path.addLine(to: CGPoint(x: rect.midX, y: rect.maxY))
            path.addLine(to: CGPoint(x: rect.minX + horizontalOffset, y: rect.midY))
            path.addLine(to: CGPoint(x: rect.midX, y: rect.minY))
        }
    }
}

/// 梯型
struct Trapezoid: Shape{
    func path(in rect: CGRect) -> Path {
        Path { path in
            let horizontalOffset: CGFloat = rect.width * 0.2
            //let verticalOffset: CGFloat = rect.height * 0.58
            let verticalOffset: CGFloat = rect.height * 0.2
            path.move(to: CGPoint(x: rect.minX + horizontalOffset, y: rect.minY + verticalOffset))
            path.addLine(to: CGPoint(x: rect.maxX - horizontalOffset, y: rect.minY + verticalOffset))
            path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY))
            path.addLine(to: CGPoint(x: rect.minX, y: rect.maxY))
            path.addLine(to: CGPoint(x: rect.minX + horizontalOffset, y: rect.minY + verticalOffset))
        }
    }
}

/// 自定义形状
struct CustomShapesBootcamp: View {
    var body: some View {
        VStack(spacing: 20) {
            // triangleView
            // imageView