如何在 SwiftUI 中制作对角线轮播

Posted 2023-02-24

【中文标题】如何在 SwiftUI 中制作对角线轮播

【英文标题】：How to make a diagonal Carousel in SwiftUI

【发布时间】：2021-11-03 19:09:54

【问题描述】：

如何在 SwiftUI 中制作对角旋转木马？

我还试图使中间元素比其他元素弹出更多（向左和向右圆圈）。

请看下图，看看我想要完成什么。

我尝试过的：

我尝试过使用滚动视图，但这只能是垂直或水平的。

【问题讨论】：

也许给水平的ScrollView添加旋转效果？

【参考方案1】：

您需要为包含圆圈的视图添加旋转效果，可以简单地为HStack：

HStack(spacing: 40) 
    ForEach(0..<3)  _ in
        Color.blue
            .clipShape(Circle())
            .frame(width: 50, height: 50)
    
.rotationEffect(.degrees(-40))

这将导致：

如果您想沿对角线滚动，您还可以将上面示例中的 HStack 替换为 ScrollView，并使滚动视图水平滚动。

---

您也可以使用对齐指南，具体取决于您要实现的目标。