【问题标题】:SwiftUI Zooming 2 images with 1 zoom gestureSwiftUI 用 1 个缩放手势缩放 2 个图像
【发布时间】:2020-06-29 03:23:23
【问题描述】:

我的屏幕上有两个图像,第一个有缩放手势,它可以很好地缩放,我正在尝试同时缩放第二个图像。如果到目前为止我在第一张图像上使用缩放手势,这是我的代码

struct ContentView: View {
    @State private var zoomlevel: CGFloat = 1

    var body: some View {
        ZStack {
            Image("selfie1")
                .resizable()
                .frame(width:150, height: 150)
        
            VStack {
                
                Image("selfie1")
                    .resizable()
                    .frame(width:150, height: 150)
                    //.padding(.bottom, 100)
                    .scaleEffect(self.zoomlevel)
                    .gesture(MagnificationGesture().onChanged({ (value) in
                        //if value <= 40 {
                            self.zoomlevel = value
                        //}

                      }))
                
            }
        }
    }

【问题讨论】:

    标签: swift swiftui


    【解决方案1】:

    这应该可行:

    只需将.scaleEffect(self.zoomlevel) 也放在第一张图片上。

    import SwiftUI
    
    struct ContentView: View {
    @State private var zoomlevel: CGFloat = 1
    
    var body: some View {
        ZStack {
            Image(systemName: "folder")
                .resizable()
                .frame(width:150, height: 150)
                .scaleEffect(self.zoomlevel) // ADD THIS HERE
        
            VStack {
                
                Image(systemName: "person.circle")
                    .resizable()
                    .frame(width:150, height: 150)
                    //.padding(.bottom, 100)
                    .scaleEffect(self.zoomlevel)
                    .gesture(MagnificationGesture().onChanged({ (value) in
                        //if value <= 40 {
                            self.zoomlevel = value
                        //}
    
                      }))
                
                }
            }
        }
    }
    
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-02
      • 1970-01-01
      • 2016-08-17
      • 1970-01-01
      • 2013-01-04
      • 2014-07-04
      相关资源
      最近更新 更多