SwiftUI：点击放大图像

Question

我正在尝试制作一个应用程序，我想在点击时让图像变大。当在图片外点击时，它会恢复正常。这怎么可能？发现有 .onTapGesture() 但似乎无法找到如何用它使图像变大。

Answer 1

只需将 .scaleEffect 与条件一起使用即可放大和缩小视图，例如

import SwiftUI

struct ContentView: View {
    @State private var selected: Bool = false

    var body: some View {
        VStack {
            Image(systemName: "camera.fill")
                .resizable()
                .onTapGesture {
                    selected.toggle()
                }
                .scaleEffect(self.selected ? 1.5 : 1)
        }
        .frame(width: 100, height: 100, alignment: .center)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

SwiftUI：点击放大图像

SwiftUI: Make image bigger on tap

swift

swiftui