如何在SwiftUI（Xcode 11 Beta 1）中实现带动画的iOS下拉菜单？

我来帮你实现带平滑动画的下拉菜单，同时保证主按钮位置固定！你的现有代码已经搭好了基本的显示/隐藏逻辑，只需要添加几行动画相关的修饰符就能达到理想效果。

核心修改方向 #

1. 给下拉菜单添加过渡动画，让显示/隐藏过程更流畅自然
2. 保留主按钮的固定位置（你的现有布局结构已经满足这个需求，只需配合动画即可）

修改后的完整代码 #

struct SwiftUIView : View {
    @State var array = true
    @State var buttonTitle = "Zeige Deteils"
    
    var body: some View {
        VStack {
            VStack {
                Button(action: {
                    self.array.toggle()
                }) {
                    Text(buttonTitle)
                }
                
                // 下拉菜单区域：添加动画与过渡效果
                if array {
                    VStack(spacing: 1.0) {
                        Button(action: {
                            self.buttonTitle = "Schmelzpunkt"
                            self.array.toggle()
                        }) {
                            Text("Schmelzpunkt")
                                .foregroundColor(.white)
                                .padding(.all)
                        }
                        .background(Color.blue)
                        
                        Button(action: {
                            self.buttonTitle = "Instrumentelle Analytik"
                            self.array.toggle()
                        }) {
                            Text("Instrumentelle Analytik")
                                .foregroundColor(.white)
                                .padding(.all)
                        }.background(Color.blue)
                        
                        Button(action: {
                            self.buttonTitle = "Aussehen"
                            self.array.toggle()
                        }) {
                            Text("Aussehen")
                                .foregroundColor(.white)
                                .padding(.all)
                        }.background(Color.blue)
                    }
                    .padding(.top)
                    // 添加缓入缓出的动画，时长0.3秒
                    .animation(.easeInOut(duration: 0.3))
                    // 组合过渡效果：从顶部滑入+淡入显示，隐藏时反向执行
                    .transition(.opacity.combined(with: .move(edge: .top)))
                }
            }
        }
    }
}

关键细节说明 #

• .animation(.easeInOut(duration: 0.3))：给下拉菜单视图绑定动画，用缓入缓出的曲线让过渡更柔和，你可以根据需求调整时长
• .transition(.opacity.combined(with: .move(edge: .top)))：定义菜单的显示/隐藏过渡方式，既会有透明度变化，又会从顶部滑入/滑出，视觉效果更丰富
• 主按钮位置固定：因为菜单是在主按钮下方的VStack中展开，主按钮始终处于VStack顶部，不会因为菜单的显示/隐藏而被移动或挤压

另外你提到的PullDownButton在Xcode 11 Beta阶段还不属于原生组件，所以用自定义按钮+动画的方案是完全可行的替代方式。

内容的提问来源于stack exchange，提问作者Libiph