Генерировать QRimage при нажатии кнопки

Я хочу, чтобы QRimage загружался после нажатия кнопки в swiftUI. Прямо сейчас я просто передаю изображение пользовательского интерфейса, сгенерированное функцией, прямо во фрейм изображения. Как представить функцию в разделе действия кнопки?

Прямо сейчас мой код выглядит так;

struct QRCodeView: View {

@State private var UUID = "usufuf321"
@State private var phoneNo = "09-012948"

let context = CIContext()
let filter = CIFilter.qrCodeGenerator()

var body: some View {
    GroupBox{
        VStack(alignment: .center, spacing: 10){
            Image(uiImage: QRGenerator(from: "\(UUID)\n\(phoneNo)"))
                .interpolation(.none)
                .resizable()
                .scaledToFit()
                .frame(width: 250, height: 250, alignment: .center)
                .clipped()
            
            Button(action: {
              
            }, label: {
                Text ("GENERATE")
                    .scaledToFit()
                    .frame(width: 250, height: 60, alignment: .center)
                    .cornerRadius(12)
            })
    
        }
        .frame(maxWidth:.infinity, alignment: .center)
    }
    .cornerRadius(20)
    .padding(.all,10)
}

func QRGenerator(from string: String) -> UIImage {
    let data = Data(string.utf8)
    filter.setValue(data, forKey: "inputMessage")

    if let outputImage = filter.outputImage {
        if let cgimg = context.createCGImage(outputImage, from: outputImage.extent) {
            return UIImage(cgImage: cgimg)
        }
    }

    return UIImage(systemName: "xmark.circle") ?? UIImage()
    
  }
}

person Shanely    schedule 22.01.2021    source источник


Ответы (1)


Используйте 1_

struct QRCodeView: View {
    
    @State private var qrImage: Image?
    
    var body: some View {
        GroupBox{
            VStack(alignment: .center, spacing: 10){
                if let qrImage = qrImage {
                    qrImage
                        .interpolation(.none)
                        .resizable()
                        .scaledToFit()
                        .frame(width: 250, height: 250, alignment: .center)
                        .clipped()
                }
                
                Button(action: {
                    qrImage = Image(uiImage: QRGenerator(from: "\(UUID)\n\(phoneNo)"))
                }, label: {
                    Text ("GENERATE")
                        .scaledToFit()
                        .frame(width: 250, height: 60, alignment: .center)
                        .cornerRadius(12)
                })
        
            }
            .frame(maxWidth:.infinity, alignment: .center)
        }
    }
}
person Raja Kishan    schedule 22.01.2021
comment
Привет, это сработало! Большое спасибо! - person Shanely; 23.01.2021