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

【问题标题】：How to make a diagonal Carousel in SwiftUI如何在 SwiftUI 中制作对角线轮播
【发布时间】：2021-11-03 19:09:54
【问题描述】：

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

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

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

我尝试过的：

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

【问题讨论】：

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

标签： swift xcode swiftui

【解决方案1】：

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

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

这将导致：

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

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

【讨论】：