SwiftUI 初体验 4 绘图

最新推荐文章于 2024-02-02 13:51:18 发布

>>> Eugene >>>

最新推荐文章于 2024-02-02 13:51:18 发布

阅读量742

点赞数

分类专栏： SwiftUI

本文链接：https://blog.youkuaiyun.com/qq_28323373/article/details/101777742

版权

这篇博客介绍了使用SwiftUI进行绘图，通过创建Path和利用GeometryReader实现六边形图案，并封装为 BadgeView。接着，通过RotatedBadgeSymbol和RotatedBadgeSymbols结构体实现图案部分的旋转效果，最后展示了如何在Z轴上整合并调整图形大小和位置，完成了一个完整的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

target icon
绘图这块直接按照官网的demo来做了，最终效果就是上图，先准备六边形的结构数据。

struct HexagonParameters {
   
    struct Segment {
   
        let useWidth: (CGFloat, CGFloat, CGFloat)
        let xFactors: (CGFloat, CGFloat, CGFloat)
        let useHeight: (CGFloat, CGFloat, CGFloat)
        let yFactors: (CGFloat, CGFloat, CGFloat)
    }
    
    static let adjustment: CGFloat = 0.085
    
    static let points = [
        Segment(
            useWidth:  (1.00, 1.00, 1.00),
            xFactors:  (0.60, 0.40, 0.50),
            useHeight: (1.00, 1.00, 0.00),
            yFactors:  (0.05, 0.05, 0.00)
        ),
        Segment(
            useWidth:  (1.00, 1.00, 0.00),
            xFactors:  (0.05, 0.00, 0.00),
            useHeight: (1.00, 1.00, 1.00),
            yFactors:  (0.20 + adjustment, 0.30 + adjustment, 0.25 + adjustment)
        ),
        Segment(
            useWidth:  (1.00, 1.00, 0.00),
            xFactors:  (0.00, 0.05, 0.00),
            useHeight: (1.00, 1.00, 1.00),
            yFactors:  (0.70 - adjustment, 0.80 - adjustment, 0.75 - adjustment)
        ),
        Segment(
            useWidth:  (1.00, 1.00, 1.00),
            xFactors:  (0.40, 0.60, 0.50),
            useHeight: (1.00, 1.00, 1.00),
            yFactors:  (0.95, 0.95, 1.00)
        ),
        Segment(
            useWidth:  (1.00,

最低0.47元/天解锁文章