【iOS】GIF小组件的巧妙实现本文的技术实现来自[SwingAnimation]和[DynamicWidget]，这里

本文的技术实现来自SwingAnimation和DynamicWidget，这里只是简单讲解和应用（主要是DynamicWidget）。

📢📢📢 使用`clockHandRotationEffect`这个API的小伙伴们要注意啦，在最新版的 Xcode 26.1.1 中该API会失效！也就是小组件无法动起来了！🤯 不过好在旧版Xcode（例如26.0.1）运行的项目还是能使用的。私有API还是有风险啊，只好等专业人士去适配了😵。

Demo地址：OneDay

Github上有位大佬已经分享了一个可以让小组件执行动画的Modifier --- SwingAnimation，该Modifier应该是使用了苹果的私有api --- clockHandRotationEffect，这个估计是实现系统时钟小组件的动画组件。

我一直都想在小组件上播放gif，曾想过clockHandRotationEffect是不是也能对Z轴进行动画，通过不断变换zIndex实现gif的播放，但是clockHandRotationEffect貌似只能实现旋转的动画，底层代码也没公开，这就整不会了，只能暂且作罢。

直到最近发现有另一位大佬使用clockHandRotationEffect实现了gif的播放：DynamicWidget

首先感谢两位大佬的分享，看了下DynamicWidget的代码，作者使用了一种十分巧妙的方式实现了多张图片叠加并轮播展示，从而实现了gif效果。

实现

核心代码如下：

ZStack {
    ForEach(1...gifImages.count, id: \.self) { index in
        Image(uiImage: gifImages[index-1])
            .resizable()
            .aspectRatio(contentMode: .fit)
            .frame(width: width, height: height)
            .mask(
                ArcView(arcStartAngle: angle * Double(index - 1),
                        arcEndAngle: angle * Double(index),
                        arcRadius: arcRadius)
                .stroke(style: .init(lineWidth: arcWidth, lineCap: .square, lineJoin: .miter))
                .frame(width: width, height: height)
                .clockHandRotationEffect(period: .custom(duration))
                .offset(y: arcRadius) // ⚠️ 需要先进行旋转，再设置offset
            )
    }
}
.frame(width: width, height: height)