如何在SwiftUI中拖動視圖以展開和折疊？

我正在嘗試通過單擊按鈕以及使用拖動來展開和折疊 Vstack。

我可以通過下面的代碼使用按鈕單擊來實作它，但不確定使用拖動手勢。

import SwiftUI

struct ContentView: View {

    @State private var Expand = false

    var body: some View {

        VStack {
            Color
                .red
        }
        .overlay(
            GeometryReader { geometry in
                VStack() {
                    VStack {
                        Text("1")
                        if Expand {
                            Text("2")
                            Text("3")
                            Text("4")
                            Text("5")
                        }
                    }
                    Button(Expand ? "Collaps" : "Expand") {
                        Expand.toggle()
                    }
                }
                .background(.yellow)
                .frame(maxWidth: .infinity)
            }

        )
    }
}

uj5u.com熱心網友回復：

這是我曾經做過的事情。今天你可能想用 PreferenceKey 來做。

struct ContentView: View {
    
    let minHeight: CGFloat = 50
    let startHeight: CGFloat = 50
    
    @State private var currentHeight: CGFloat = 1000
    @State private var contentHeight: CGFloat = 0
    
    
    var textContent: some View {
            VStack(alignment: .leading) {
                Text("Text 1: orem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient.")
                Text("Text 2: montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. ")
                Text("Text 3: orem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur. ")
                Text("Text 4: orem ipsum dolor sit amet, consectetuer adipiscing elit. Aene.")
                Text("Text 5: orem ipsum dosque eu, pretium quis, sem. Nulla consequat massa quis enim. ")
                Text("Text 6: orem ipsum dolor sit amet, consectetuer adipiscing elit. Aene.")
            }
            .padding()
    }

    
    var body: some View {
         VStack {
             VStack(alignment: .leading, spacing: 0) {
                 VStack(spacing: 0) {
                     Color.clear
                         .ignoresSafeArea()
                         .overlay(
                             textContent
                                 .fixedSize(horizontal: false, vertical: true)
                                 .overlay( GeometryReader { geo in Color.clear.onAppear {
                                     contentHeight = geo.size.height
                                     currentHeight = startHeight
                                 }})
                             
                             , alignment: .topLeading )
                         .clipped()
                     
                     Spacer(minLength: 0)
                 }
                 .frame(height: currentHeight)
                 
                 Button {
                     currentHeight = max(contentHeight, minHeight)
                 } label: {
                     Image(systemName: "rectangle.arrowtriangle.2.outward")
                         .padding(.horizontal)
                 }
                 .frame(maxWidth: .infinity, alignment: .leading)
                 .overlay(
                     Image(systemName: "line.3.horizontal").foregroundColor(.secondary)
                         .contentShape(Rectangle())
                     
                         .gesture(DragGesture()
                                     .onChanged { value in
                                         currentHeight  = value.translation.height
                                         currentHeight = max(currentHeight, minHeight)
                                     }
                                     .onEnded { value in
                                         currentHeight = max(currentHeight, minHeight)
                                     }
                                 )
                 )
                 .padding(5)
             }
             .background(.gray)
             .padding(.horizontal)
             
             Spacer()
         }
     }
}

uj5u.com熱心網友回復：

檢查！ https://stackoverflow.com/a/59540581/17281765 如果不對請告訴我

標籤：IOS 迅速 迅捷

上一篇：用于洗掉字串的Swift正則運算式格式包含iOS中的括號

下一篇：如何在自定義視頻播放器中管理下一個和上一個按鈕